/*!
Theme Name: MFR Architectes
Theme URI: http://www.mfr-architectes.com
Author: Nicolas Binet
Author URI: http://www.stereoweb.fr/
Description: Stereoweb for MFR Architectes
Version: 1.0
License: No License
Tags: mfr, architectes
Text Domain: mfr
*/
/* Settings */
/* Tools */
/* ===========================
   Tools/Helpers
   =========================== */
/*
 * Image replacement
 */
.dataTable-wrapper.no-header .dataTable-container {
	border-top: 1px solid #d9d9d9;
}
.dataTable-wrapper.no-footer .dataTable-container {
	border-bottom: 1px solid #d9d9d9;
}
.dataTable-top,
.dataTable-bottom {
	padding: 8px 10px;
}
.dataTable-top > nav:first-child,
.dataTable-top > div:first-child,
.dataTable-bottom > nav:first-child,
.dataTable-bottom > div:first-child {
	float: left;
}
.dataTable-top > nav:last-child,
.dataTable-top > div:last-child,
.dataTable-bottom > nav:last-child,
.dataTable-bottom > div:last-child {
	float: right;
}
.dataTable-selector {
	padding: 6px;
}
.dataTable-input {
	padding: 6px 12px;
}
.dataTable-info {
	margin: 7px 0;
}
/* PAGER */
.dataTable-pagination ul {
	margin: 0;
	padding-left: 0;
}
.dataTable-pagination li {
	list-style: none;
	float: left;
}
.dataTable-pagination a {
	border: 1px solid transparent;
	float: left;
	margin-left: 2px;
	padding: 6px 12px;
	position: relative;
	text-decoration: none;
	color: #333;
}
.dataTable-pagination a:hover {
	background-color: #d9d9d9;
}
.dataTable-pagination .active a,
.dataTable-pagination .active a:focus,
.dataTable-pagination .active a:hover {
	background-color: #d9d9d9;
	cursor: default;
}
.dataTable-pagination .ellipsis a,
.dataTable-pagination .disabled a,
.dataTable-pagination .disabled a:focus,
.dataTable-pagination .disabled a:hover {
	cursor: not-allowed;
}
.dataTable-pagination .disabled a,
.dataTable-pagination .disabled a:focus,
.dataTable-pagination .disabled a:hover {
	cursor: not-allowed;
	opacity: 0.4;
}
.dataTable-pagination .pager a {
	font-weight: bold;
}
/* TABLE */
.dataTable-table {
	max-width: 100%;
	width: 100%;
	border-spacing: 0;
	border-collapse: separate;
}
.dataTable-table > tbody > tr > td,
.dataTable-table > tbody > tr > th,
.dataTable-table > tfoot > tr > td,
.dataTable-table > tfoot > tr > th,
.dataTable-table > thead > tr > td,
.dataTable-table > thead > tr > th {
	vertical-align: top;
	padding: 8px 10px;
}
.dataTable-table > thead > tr > th {
	vertical-align: bottom;
	text-align: left;
	border-bottom: 1px solid #d9d9d9;
}
.dataTable-table > tfoot > tr > th {
	vertical-align: bottom;
	text-align: left;
	border-top: 1px solid #d9d9d9;
}
.dataTable-table th {
	vertical-align: bottom;
	text-align: left;
}
.dataTable-table th a {
	text-decoration: none;
	color: inherit;
}
.dataTable-sorter {
	display: inline-block;
	height: 100%;
	position: relative;
	width: 100%;
}
.dataTable-sorter::before,
.dataTable-sorter::after {
	content: "";
	height: 0;
	width: 0;
	position: absolute;
	right: 4px;
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
	opacity: 0.2;
}
.dataTable-sorter::before {
	border-top: 4px solid #000;
	bottom: 0px;
}
.dataTable-sorter::after {
	border-bottom: 4px solid #000;
	border-top: 4px solid transparent;
	top: 0px;
}
.asc .dataTable-sorter::after,
.desc .dataTable-sorter::before {
	opacity: 0.6;
}
.dataTables-empty {
	text-align: center;
}
.dataTable-top::after, .dataTable-bottom::after {
	clear: both;
	content: " ";
	display: table;
}
.ir {
  background-color: transparent;
  border: 0;
  overflow: hidden;
  /* IE 6/7 fallback */
  text-indent: -9999px;
}
.ir:before {
  content: "";
  display: block;
  width: 0;
  height: 150%;
}
/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */
.hidden {
  display: none !important;
  visibility: hidden;
}
/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */
.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}
/*
 * Hide visually and from screenreaders, but maintain layout
 */
.invisible {
  visibility: hidden;
}
/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
.clearfix:before,
.clearfix:after {
  content: " "; /* 1 */
  display: table; /* 2 */
}
.clearfix:after {
  clear: both;
}
/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.clearfix {
  zoom: 1;
}
/* =Layout
------------------- */
.ul-list-inline {
  list-style: none;
  margin: 0;
  padding: 0;
}
.ul-list-inline li {
  display: inline-block;
  vertical-align: middle;
}
.lt-ie8 .ul-list-inline li {
  display: inline;
  zoom: 1;
}
.sr-only {
  display: none;
}
/* Vendor */
/*!
 * Hamburgers
 * @description Tasty CSS-animated hamburgers
 * @author Jonathan Suh @jonsuh
 * @site https://jonsuh.com/hamburgers
 * @link https://github.com/jonsuh/hamburgers
 */
.hamburger {
  padding: 2px 0.25rem;
  display: inline-block;
  cursor: pointer;
  transition-property: opacity, filter;
  transition-duration: 0.15s;
  transition-timing-function: linear;
  font: inherit;
  color: inherit;
  text-transform: none;
  background-color: transparent;
  border: 0;
  margin: 0;
  overflow: visible;
}
.hamburger:hover {
  opacity: 1;
}
.hamburger.is-active:hover {
  opacity: 1;
}
.hamburger.is-active .hamburger-inner,
.hamburger.is-active .hamburger-inner::before,
.hamburger.is-active .hamburger-inner::after {
  background-color: #000000;
}
.hamburger-box {
  width: 22px;
  height: 18px;
  display: inline-block;
  position: relative;
}
.hamburger-inner {
  display: block;
  top: 50%;
  margin-top: -1px;
}
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
  width: 22px;
  height: 2px;
  background-color: #000000;
  border-radius: 4px;
  position: absolute;
  transition-property: transform;
  transition-duration: 0.15s;
  transition-timing-function: ease;
}
.hamburger-inner::before, .hamburger-inner::after {
  content: "";
  display: block;
}
.hamburger-inner::before {
  top: -8px;
}
.hamburger-inner::after {
  bottom: -8px;
}
/*
 * 3DX
 */
.hamburger--3dx .hamburger-box {
  perspective: 44px;
}
.hamburger--3dx .hamburger-inner {
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dx .hamburger-inner::before, .hamburger--3dx .hamburger-inner::after {
  transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dx.is-active .hamburger-inner {
  background-color: transparent !important;
  transform: rotateY(180deg);
}
.hamburger--3dx.is-active .hamburger-inner::before {
  transform: translate3d(0, 8px, 0) rotate(45deg);
}
.hamburger--3dx.is-active .hamburger-inner::after {
  transform: translate3d(0, -8px, 0) rotate(-45deg);
}
/* Base */
*,
*::before,
*::after {
  box-sizing: border-box;
}
body,
h1,
h2,
h3,
h4,
p,
ul,
ol,
li,
figure,
figcaption,
blockquote,
dl,
dd {
  margin: 0;
}
body {
  min-height: 100vh;
  scroll-behavior: smooth;
  text-rendering: optimizeSpeed;
  line-height: 1.5;
}
ul[class],
ol[class] {
  list-style: none;
}
a:not([class]) {
  text-decoration-skip-ink: auto;
}
img {
  max-width: 100%;
  display: block;
}
article > * + * {
  margin-top: 1em;
}
input,
button,
textarea,
select {
  font: inherit;
}
@media (prefers-reduced-motion: reduce) {
  * {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}
@font-face {
  font-family: "Replica-Light";
  src: url("/wp-content/themes/mfr/dist/build/Replica-Light-CrvjFwOR.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Replica-Regular";
  src: url("/wp-content/themes/mfr/dist/build/Replica-Regular-V4WWXmPC.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Replica-Bold";
  src: url("/wp-content/themes/mfr/dist/build/Replica-Bold-BOR2eHca.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "mfr";
  src: url("/wp-content/themes/mfr/dist/build/mfr-orRtLWeX.eot?36765314");
  src: url("/wp-content/themes/mfr/dist/build/mfr-orRtLWeX.eot?36765314#iefix") format("embedded-opentype"), url("/wp-content/themes/mfr/dist/build/mfr-C8G2M1T-.woff2?36765314") format("woff2"), url("/wp-content/themes/mfr/dist/build/mfr-CbPBOTbB.woff?36765314") format("woff"), url("/wp-content/themes/mfr/dist/build/mfr-oYjUQ9Mx.ttf?36765314") format("truetype"), url("/wp-content/themes/mfr/dist/build/mfr-DBDs6xWU.svg?36765314#mfr") format("svg");
  font-weight: normal;
  font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'mfr';
    src: url('../font/mfr.svg?36765314#mfr') format('svg');
  }
}
*/
[class^=icon-]:before,
[class*=" icon-"]:before {
  font-family: "mfr";
  font-style: normal;
  font-weight: normal;
  speak: never;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: 0;
  text-align: center;
  /* opacity: .8; */
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: 0;
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}
.icon-grid:before {
  content: "\e800";
}
.icon-table:before {
  content: "\e802";
}
.icon-map:before {
  content: "\e801";
}
.icon-architizer:before {
  content: "\e803";
}
.icon-cross:before {
  content: "\e804";
}
.icon-arrow-up:before {
  content: "\e805";
}
.icon-check:before {
  content: "\e806";
}
.icon-arrow-right:before {
  content: "\e807";
}
.icon-spin:before {
  content: "\e839";
}
.icon-twitter:before {
  content: "\f099";
}
.icon-linkedin:before {
  content: "\f0e1";
}
.icon-instagram:before {
  content: "\f16d";
}
.icon-facebook:before {
  content: "\f230";
}
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  /* Adjust font size */
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  /* Font varient */
  font-variant-ligatures: none;
  -webkit-font-variant-ligatures: none;
  /* Smoothing */
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  font-smoothing: antialiased;
  -webkit-font-smoothing: antialiased;
  text-shadow: rgba(0, 0, 0, 0.01) 0 0 1px;
}
html,
body {
  height: 100%;
  width: 100%;
  height: 100vh;
  width: 100vw;
  margin: 0;
  padding: 0;
  /* required to prevent rogue scrollbars */
  overflow: hidden;
}
body {
  color: #000000;
  font-family: "Replica-Regular", sans-serif;
  font-size: 16px;
}
body.navbar-opened {
  overflow: hidden;
}
a {
  color: #000000;
  text-decoration: none;
  transition: all 0.2s ease-in;
}
a:hover {
  color: #AAAAAA;
  text-decoration: none;
}
h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  font-weight: normal;
  line-height: 1.25em;
}
h1 {
  font-size: 1.25rem;
  font-family: "Replica-Bold", sans-serif;
}
@media (min-width: 768px) {
  h1 {
    font-size: 2rem;
  }
}
h2 {
  margin-bottom: 1.25rem;
  font: 36px/0.8333333 "Replica-Regular", sans-serif;
}
h3 {
  margin-bottom: 1rem;
  font-family: "Replica-Regular", sans-serif;
  font-size: 20px;
  text-transform: uppercase;
}
h4 {
  margin-bottom: 15px;
  font-size: 22px;
}
p {
  font-family: "Replica-Light", sans-serif;
  font-size: 1em;
  line-height: 1.2777778em;
}
strong {
  font-family: "Replica-Bold", sans-serif;
  font-weight: normal;
}
img {
  display: block;
  max-width: 100%;
}
ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  font-family: "Replica-Light", sans-serif;
}
li {
  margin: 0;
  padding: 0;
}
sup {
  font-size: 0.6em;
}
dd {
  font-family: "Replica-Light", sans-serif;
}
dt {
  font-family: "Replica-Regular", sans-serif;
}
table {
  margin-bottom: 1rem;
  border-collapse: collapse;
}
table th,
table td {
  padding: 0.5rem 0.5rem;
  font-size: 0.8125rem;
}
table thead th {
  text-align: left;
  border-bottom: 1px solid #000000;
}
table tbody td {
  border-bottom-width: 1px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.3);
}
@media (min-width: 992px) {
  table {
    margin-bottom: 1.5rem;
  }
}
.wrapper {
  position: fixed;
  z-index: 2;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 0;
  margin: 0;
  /* if you want the content to scroll normally:  */
  overflow: auto;
  /* cosmetic stuff:  */
  box-sizing: border-box;
}
.container {
  display: flex;
  width: 100%;
  height: 100%;
  max-width: none;
  margin: 0;
  overflow-y: hidden;
  -ms-overflow-style: none; /* Internet Explorer 10+ */
  scrollbar-width: none; /* Firefox */
}
.container::-webkit-scrollbar {
  display: none; /* Safari and Chrome */
}
.container__inner {
  height: auto;
  margin: 16px 0 65px 0;
  padding: 0 0 0 16px;
}
.admin-bar .container {
  height: calc(100% - 46px);
}
@media (min-width: 784px) {
  .admin-bar .container {
    height: calc(100% - 32px);
  }
}
@media (min-width: 1024px) {
  .container__inner {
    margin: 25px 0 110px 0;
    padding: 0 0 0 25px;
  }
}
@supports (-webkit-touch-callout: none) {
  .container {
    height: 100vh;
    height: -webkit-fill-available;
  }
  .container__inner {
    height: auto;
  }
}
.animate-spin {
  animation: spin 2s infinite linear;
  display: inline-block;
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
/* Modules */
.btn {
  padding: 15px 30px 13px;
  color: #FFFFFF;
  border-radius: 6px;
  background: #000000;
}
.btn:hover {
  color: #000;
  background: LightGrey;
}
.btn.inscription {
  border-radius: 0 6px 6px 0;
}
.retour {
  display: block;
  position: relative;
  margin-bottom: 30px;
  padding: 16px 0 0 0;
  white-space: nowrap;
}
.retour:before {
  content: "";
  display: inline-block;
  position: absolute;
  left: -5px;
  top: 3px;
  margin-right: 0;
  width: 18px;
  height: 18px;
  background: url("/wp-content/themes/mfr/dist/build/arrow-left-pQ-k1snm.svg") no-repeat;
  background-size: 18px;
}
.retour:before:before {
  opacity: 0.3;
}
@media (min-width: 1024px) {
  .retour {
    padding-top: 25px;
  }
}
.scrollable::-webkit-scrollbar {
  display: none;
}
.scrollable__inner {
  display: flex;
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
}
.scrollable-detail > .content-ours {
  order: 1;
}
.scrollable-detail > .content {
  margin-right: 10px;
  padding-right: 6px;
}
.scrollable-detail > .content, .scrollable-detail::after {
  order: 2;
}
.scrollable-detail > .first {
  order: 0;
}
@media (min-width: 1024px) {
  .scrollable-detail > .content {
    padding-right: 15px;
  }
}
@media (min-width: 992px) {
  .scrollable-detail.padded-last::after {
    content: " ";
    display: block;
    position: relative;
    width: 450px;
    height: 100%;
    flex: 450px 0 0;
  }
}
.archive-grid {
  display: grid;
  grid: repeat(1, 100%)/auto-flow;
  margin-bottom: 50px;
}
@media (min-width: 1024px) {
  .archive-grid {
    margin-bottom: 85px;
  }
}
@media (min-height: 720px) {
  .archive-grid {
    grid: repeat(2, 50%)/auto-flow;
  }
  .grid-3 .archive-grid {
    grid: repeat(3, 33.3333333%)/auto-flow;
  }
  .grid-4 .archive-grid {
    grid: repeat(4, 25%)/auto-flow;
  }
  .grid-5 .archive-grid {
    grid: repeat(5, 20%)/auto-flow;
  }
  .grid-6 .archive-grid {
    grid: repeat(6, 16.666666%)/auto-flow;
  }
}
.grid-item {
  display: flex;
  position: relative;
  padding: 0 16px 16px 0;
}
.grid-item__inner,
.grid-item a {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
}
.grid-item img {
  height: 100%;
  width: auto;
  max-width: none;
}
.grid-item.hide {
  display: none;
}
@media (min-height: 720px) {
  .grid-item {
    padding: 0 25px 25px 0;
  }
  .grid-4 .grid-item, .grid-5 .grid-item, .grid-6 .grid-item {
    padding: 0 16px 16px 0;
  }
}
.archive-map .map-container {
  width: 100%;
}
.project-infowindow {
  display: flex;
}
.project-infowindow__image {
  margin: 0 1rem 0 0;
  width: 140px;
}
.project-infowindow__image img {
  width: 100%;
}
.project-infowindow__text {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  font-size: 0.875rem;
  text-transform: uppercase;
}
.project-infowindow__text strong {
  display: block;
  margin-bottom: 0.25rem;
  font-family: "Replica-Bold", sans-serif;
  font-size: 1rem;
}
.project-infowindow__text a {
  font-family: "Replica-Bold", sans-serif;
  font-size: 0.75rem;
  text-transform: none;
}
.content::-webkit-scrollbar {
  width: 5px;
  background: transparent;
}
.content::-webkit-scrollbar-thumb {
  width: 5px;
  height: 5px;
  background-color: #C8D2DB;
}
.content-text {
  overflow-y: auto;
  width: 300px;
  min-width: 300px;
}
.content-text .inner {
  display: flex;
  flex-wrap: wrap;
  position: relative;
  flex-direction: column;
  width: 100%;
  min-height: 100%;
}
.content-text__center-top {
  justify-content: flex-start;
}
.content-text__center-center .inner {
  justify-content: center;
}
.content-text__center-bottom .inner {
  justify-content: flex-end;
}
.content-text__title, .content-text__subtitle,
.content-text h1,
.content-text h2 {
  font-family: "Replica-Regular", sans-serif;
  line-height: 1.2;
}
.content-text h1 {
  margin-bottom: 0.75rem;
  font-size: 1.75rem;
  font-weight: 300;
}
.content-text h2 {
  margin-bottom: 0.5rem;
  font-family: "Replica-Regular", sans-serif;
  font-size: 1.25rem;
  text-transform: none;
}
.content-text h2 + h3 {
  margin-top: 1rem;
}
.content-text h3 {
  font-size: 1rem;
}
.content-text h3 + p {
  margin-top: -0.75rem;
}
.content-text p,
.content-text dl {
  font-size: 0.75rem;
  line-height: 1.5;
  text-align: justify;
}
.content-text p:not(:last-child),
.content-text dl:not(:last-child) {
  margin-bottom: 1.5rem;
}
.content-text ul {
  margin: 0 0 1rem 0;
  padding: 0 0 0 1rem;
  list-style-type: disc;
}
.content-text li {
  margin: 0 0 0.5rem 0;
}
.content-text a {
  text-decoration: underline;
}
.content-text a:hover {
  text-decoration: none;
}
.content-text small {
  font-size: 0.625rem;
  line-height: 1.3;
}
.content-text.premarged {
  margin-top: 0;
}
@media (max-width: 479px) {
  .content-text {
    padding-top: 60px;
  }
}
@media (min-width: 1024px) {
  .content-text {
    width: 450px;
    min-width: 450px;
  }
  .content-text h1 {
    font-size: 2.25rem;
  }
  .content-text h2 {
    font-size: 1.25rem;
  }
  .content-text p,
  .content-text dl {
    font-size: 1rem;
  }
  .content-text small {
    font-size: 0.75rem;
  }
  .content-text .inner {
    column-gap: 25px;
  }
  .content-text.premarged {
    margin-top: 7.5rem;
  }
}
.content-text-column {
  width: auto;
  min-width: auto;
  overflow-y: visible;
}
.content-text-column .inner {
  display: block;
  height: 100%;
  columns: 350px;
  column-fill: auto;
  column-gap: 16px;
  orphans: 1;
}
.content-text-column.premarged {
  margin-top: 4rem;
}
@media (min-width: 1024px) {
  .content-text-column .inner {
    column-gap: 25px;
  }
  .content-text-column.premarged {
    margin-top: 7.5rem;
  }
}
.content-ours {
  width: 300px;
  min-width: 300px;
}
.content-ours .content-text__title,
.content-ours .content-text__subtitle {
  margin-bottom: 0.25rem;
}
.content-ours .content-text__subtitle {
  color: #AAAAAA;
}
@media (min-width: 1024px) {
  .content-ours {
    position: fixed;
    z-index: 1000;
    top: 25px;
    right: 0;
    bottom: 110px;
    margin-right: 0 !important;
    padding: 0 25px;
    width: 400px;
    min-width: 400px;
    background-color: rgba(255, 255, 255, 0.75);
  }
  .content-ours .inner {
    width: auto;
    padding-right: 0;
  }
  .content-ours__header {
    padding-right: 27px;
  }
}
.content-image .inner {
  position: relative;
  height: 100%;
}
.content-image img {
  height: 100%;
  max-width: none;
  width: auto;
}
.content-image__legend {
  position: absolute;
  z-index: 2;
  right: 10px;
  bottom: 10px;
  left: 10px;
  color: #FFFFFF;
  font-family: "Replica-Regular", sans-serif;
  font-size: 0.75rem;
  text-align: left;
  text-transform: uppercase;
}
.content-image__legend.black {
  color: #000000;
}
.content-image__legend.white {
  color: #FFFFFF;
}
.grid-4 .content-image__legend, .grid-5 .content-image__legend, .grid-6 .content-image__legend {
  display: none;
}
.content-image__title, .content-image__subtitle {
  display: block;
  margin-bottom: 0;
  line-height: 1.1;
}
.content-image__title {
  margin-bottom: 0.25rem;
  font-size: 0.9375rem;
}
.content-image__subtitle {
  font-size: 0.8125rem;
  line-height: 1.1;
}
.content-image--dark .content-image__legend {
  color: black;
}
@media (min-height: 1040px) {
  .content-image__legend {
    right: 20px;
    bottom: 20px;
    left: 20px;
  }
  .content-image__title {
    font-size: 1rem;
  }
  .content-image__subtitle {
    font-size: 0.875rem;
  }
}
@media (min-height: 1280px) {
  .content-image__legend {
    right: 25px;
    bottom: 25px;
    left: 25px;
  }
  .content-image__title {
    font-size: 1.25rem;
  }
  .content-image__subtitle {
    font-size: 1rem;
  }
}
.content-vertical {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}
.content-vertical > :first-child {
  margin-bottom: 16px;
}
.content-vertical > .inner {
  height: calc(50% - 8px);
}
.content-vertical.map_image > .content-image {
  order: 2;
  margin-bottom: 0;
}
.content-vertical.map_image > .content-map {
  margin-bottom: 25px;
}
@media (min-width: 1024px) {
  .content-vertical > :first-child {
    margin-bottom: 25px;
  }
  .content-vertical > .inner {
    height: calc(50% - 12.5px);
  }
}
.content-map {
  position: relative;
}
.content-map .inner {
  height: 100%;
  width: 375px;
}
.content-vertical .content-map .inner {
  width: 100%;
}
.content-map__info {
  position: absolute;
  z-index: 100;
  bottom: 1rem;
  right: calc(1rem + 25px);
  padding: 1rem;
  background-color: #FFFFFF;
}
.content-map__info strong {
  font-family: "Replica-Bold", sans-serif;
  font-weight: normal;
}
@media (min-width: 1200px) {
  .content-map .inner {
    width: 500px;
  }
}
.content-team {
  margin-right: 0 !important;
  height: 100%;
  column-fill: auto;
  column-gap: 16px;
}
.content-team .staff {
  display: block;
  height: 100%;
  break-inside: avoid;
}
.content-team img {
  display: block;
  width: auto;
  height: 100%;
  max-width: none;
  aspect-ratio: 4/5;
}
.content-team .staff__bio .content-image__title {
  font-size: 0.8125rem;
}
.content-team .staff__bio .content-image__subtitle {
  font-size: 0.6875rem;
}
@media (max-height: 319px) and (orientation: landscape) {
  .content-team img {
    height: calc(100% - 45px);
  }
  .content-team .staff__bio .content-image__subtitle {
    display: none;
  }
}
@media (max-height: 489px) and (orientation: landscape) {
  .content-team img {
    height: calc(100% - 45px);
  }
}
@media (max-height: 599px) and (orientation: portrait) {
  .content-team img {
    height: calc(100% - 55px);
  }
  .content-team .content-image__subtitle {
    display: none;
  }
}
@media (min-height: 600px) and (max-height: 1099px) {
  .content-team .staff {
    height: 50%;
  }
  .content-team .staff .staff__bio {
    bottom: 15px;
  }
  .content-team .staff:nth-child(2n-1) .staff__bio {
    bottom: 15px;
  }
  .content-team img {
    height: calc(100% - 70px);
  }
}
@media (min-height: 1100px) {
  .content-team .staff {
    height: 33.333333%;
  }
  .content-team .staff:nth-child(3n-1) .staff__bio, .content-team .staff:nth-child(3n-2) .staff__bio {
    bottom: 15px;
  }
}
@media (min-width: 1024px) {
  .content-team {
    column-gap: 25px;
  }
  .content-team .staff__bio .content-image__title {
    font-size: 0.875rem;
  }
  .content-team .staff__bio .content-image__subtitle {
    font-size: 0.75rem;
  }
}
.content-staff-images {
  position: relative;
  order: 0 !important;
}
.content-staff-images .wrapper {
  position: relative;
  height: 100%;
  visibility: hidden;
}
.content-staff-images .staff-image {
  position: relative;
  z-index: 2;
  height: 100%;
  overflow: hidden;
}
.content-staff-images .staff-image img {
  height: 100%;
  max-width: none;
}
.content-staff-images .staff-image:not(:first-child) {
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
@media (orientation: portrait) and (max-width: 480px) {
  .content-staff-images {
    width: calc(100vw - 16px);
  }
  .content-staff-images img {
    width: 100%;
    object-fit: cover;
  }
}
.content-video {
  display: flex;
  aspect-ratio: var(--aspect-ratio, 16/9);
}
.content-video__container {
  display: flex;
  object-fit: cover;
  aspect-ratio: var(--aspect-ratio, 16/9);
}
.content-video iframe {
  width: 100%;
  height: auto;
  aspect-ratio: var(--aspect-ratio, 16/9);
  pointer-events: none;
}
.technical-infos {
  margin-top: 1rem;
}
.technical-infos dt,
.technical-infos dd {
  font-size: 0.75rem;
}
.technical-infos dd {
  margin-bottom: 0.5rem;
  line-height: 1.25;
}
@media (min-height: 1040px) {
  .technical-infos dt,
  .technical-infos dd {
    font-size: 1rem;
  }
}
.loader {
  display: none;
  position: absolute;
  z-index: 10000;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(255, 255, 255, 0.5);
  backdrop-filter: blur(3px);
  opacity: 0;
  transition: opacity 1.5s;
}
.loader.visible {
  display: block;
  opacity: 1;
  transition: opacity 1.5s;
}
.loader-animation {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%);
}
.loader-animation::before {
  content: "\e839";
  font-family: mfr, sans-serif;
}
.overlay {
  display: none;
  position: fixed;
  z-index: 2000;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: white;
  opacity: 0;
}
.overlay:not(.show) {
  pointer-events: none;
}
.overlay.show {
  display: block;
  opacity: 0.4;
}
/* Layouts */
.navbar {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1030;
  padding: 1.25rem 1.5rem;
  background-color: #FFFFFF;
  transition: transform 0.15s ease-in;
}
@media (max-width: 1023px) {
  .navbar {
    transform: translateY(calc(100% - 65px));
  }
  .navbar-opened .navbar {
    transform: translateY(0);
  }
}
@media (min-width: 1024px) {
  .navbar {
    height: 110px;
    padding: 4rem 1.5rem 0 1.5rem;
  }
}
.navbar-toggle {
  display: none;
  margin: 0 0 0 -0.25rem;
  padding: 0.25rem 0.25rem;
  font-size: 0.5rem;
  line-height: 0.5rem;
}
.navbar-toggle:focus, .navbar-toggle:active {
  outline: none;
}
@media (max-width: 1023px) {
  .navbar-toggle {
    display: block;
  }
}
.navbar-collapse {
  display: flex;
  flex-wrap: wrap;
  background-color: #FFFFFF;
}
@media (max-width: 1023px) {
  .navbar-collapse {
    align-items: flex-end;
    margin: 0.75rem 0 0 0;
  }
}
@media (min-width: 1024px) {
  .navbar-collapse {
    align-items: center;
    justify-content: space-between;
  }
}
.navbar-nav {
  display: flex;
  width: 100%;
}
@media (max-width: 1023px) {
  .navbar-nav {
    flex-direction: column;
  }
}
.primary-nav .menu-item {
  position: relative;
  flex-grow: 1;
}
.primary-nav .menu-item:not(.d-none) a {
  padding-left: 0;
}
.primary-nav .menu-item a {
  padding: 0 1rem;
  color: #111111;
  font-size: 1.125rem;
  font-family: "Replica-Light", sans-serif;
  text-transform: uppercase;
  opacity: 0.5;
  transition: opacity 0.2s ease-in;
  letter-spacing: 0.05rem;
}
.primary-nav .menu-item a:hover {
  opacity: 1;
  font-family: "Replica-Regular", sans-serif;
  letter-spacing: 0.023rem;
}
.primary-nav .menu-item a:before {
  content: "/";
  margin: 0 4px;
}
.primary-nav .menu-item.current-menu-item a {
  opacity: 1;
  font-family: "Replica-Bold", sans-serif;
  letter-spacing: 0;
}
@media (max-width: 1023px) {
  .primary-nav a {
    display: block;
    padding: 0.5rem 0;
  }
}
@media (min-width: 992px) {
  .primary-nav {
    flex: 1 1 1px;
  }
}
body.single-projets .menu-item--projets a {
  opacity: 1;
  font-family: "Replica-Bold", sans-serif;
  letter-spacing: 0;
}
body.single-label .menu-item--label a {
  opacity: 1;
  font-family: "Replica-Bold", sans-serif;
  letter-spacing: 0;
}
body.single-actualites .menu-item--actualites a {
  opacity: 1;
  font-family: "Replica-Bold", sans-serif;
  letter-spacing: 0;
}
.sub-nav {
  display: flex;
  position: absolute;
  top: 0;
  padding: 0;
}
@media (max-width: 1023px) {
  .sub-nav {
    top: 1.25rem;
  }
  body.post-type-archive-projets .sub-nav {
    right: 16px;
  }
}
@media (min-width: 1024px) {
  .sub-nav {
    padding: 0.75rem 0;
    border-bottom: 1px solid #CCC;
  }
}
.secondary-nav {
  display: flex;
  width: 100%;
}
.secondary-nav .menu-item {
  font-family: "Replica-Light", sans-serif;
  text-transform: lowercase;
}
.secondary-nav .menu-item a {
  color: rgba(17, 17, 17, 0.5);
}
.secondary-nav .menu-item a:hover {
  color: #111111;
}
@media (max-width: 1023px) {
  .secondary-nav {
    flex-direction: column;
    flex: 1 1 1px;
    margin: 2rem 0 0 0;
    font-size: 0.875rem;
  }
}
@media (min-width: 1024px) {
  .secondary-nav {
    justify-content: flex-end;
    font-size: 0.625rem;
  }
  .secondary-nav .menu-item {
    padding: 0 0 0 1rem;
  }
}
.navbar-brand {
  position: fixed;
  z-index: 100;
  left: 16px;
  top: 15px;
  padding: 0;
  width: 100px;
  height: 36px;
  background: url("/wp-content/themes/mfr/dist/build/logoMFR-DDs-hqkg.svg") no-repeat left top;
  background-size: contain;
  text-indent: -99999px !important;
}
.logo-white .navbar-brand {
  background-image: url("/wp-content/themes/mfr/dist/build/logoMFR-blanc-Du9HauBw.svg");
}
.post-type-archive-label .navbar-brand, .single-label .navbar-brand {
  width: 104px;
  height: 36px;
  background: url("/wp-content/themes/mfr/dist/build/logoLAB_EL-DM1JLmlt.svg") no-repeat left top;
}
.post-type-archive-label.logo-white .navbar-brand, .single-label.logo-white .navbar-brand {
  background-image: url("/wp-content/themes/mfr/dist/build/logoLAB_EL-blanc-DjYzeJbW.svg");
}
.admin-bar .navbar-brand {
  top: 46px;
}
@media (min-width: 784px) {
  .admin-bar .navbar-brand {
    top: 32px;
  }
}
@media (min-width: 992px) {
  .admin-bar .navbar-brand {
    top: 32px;
  }
}
@media (min-width: 1024px) {
  .navbar-brand {
    top: 24px;
    left: 25px;
    width: 200px;
    height: 72px;
    background-size: 200px;
  }
  .post-type-archive-label .navbar-brand, .single-label .navbar-brand {
    width: 220px;
    height: 75px;
  }
}
.navbar-social {
  display: flex;
  flex: auto 0 0;
  margin: 0 0 0 1rem;
  gap: 0.5rem;
}
.navbar-social li {
  margin: 0 0 0 0.75rem;
}
.navbar-social a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.5rem;
}
@media (max-width: 1023px) {
  .navbar-social {
    position: absolute;
    top: 1.5rem;
    right: 1rem;
  }
}
@media (max-height: 767px) and (orientation: landscape) {
  body.post-type-archive-projets .navbar-social {
    right: auto;
    left: 50%;
    transform: translateX(-50%);
    margin-left: 0;
  }
  body.post-type-archive-projets .navbar-social li:first-child {
    margin-left: 0;
  }
}
@media (max-width: 991px) and (orientation: portrait) {
  body.post-type-archive-projets .navbar-social {
    display: none;
  }
}
.navbar-shadow {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
}
.navbar-opened .navbar-shadow {
  display: block;
}
/* Specific */
.archive-actualites .content-image__legend {
  right: 10px;
  bottom: 10px;
  left: 10px;
  padding: 0.625rem 0.75rem;
  color: #000000;
  background-color: rgba(255, 255, 255, 0.8);
}
.archive-actualites .content-image__title strong {
  font-family: "Replica-Regular", sans-serif;
}
.archive-actualites .content-image__title, .archive-actualites .content-image__subtitle {
  font-size: 0.875rem;
  text-transform: none;
}
@media (min-width: 992px) {
  .archive-actualites .content-image__legend {
    right: 20px;
    bottom: 20px;
    left: 20px;
    padding: 1rem 1.25rem;
  }
}
.single-actualites .scrollable-detail .content-ours.first + .content {
  order: -1;
}
.sub-nav--project .toggle-view {
  display: flex;
  margin: 0 2rem 0 0;
}
.sub-nav--project .toggle-view__item {
  font-size: 1.125rem;
}
.sub-nav--project .toggle-view__item:not(:last-child) {
  margin: 0 1rem 0 0;
}
.sub-nav--project .toggle-view__item [class*=icon-]:before {
  width: auto;
}
.sub-nav--project .toggle-view__item .icon-table {
  font-size: 0.75rem;
}
.sub-nav--project .toggle-view__item .icon-map {
  font-size: 1.375rem;
}
.sub-nav--project .toggle-view__link {
  display: flex;
  width: 22px;
  height: 22px;
  justify-content: center;
  align-items: center;
  transition: all 0.15s ease-in;
  opacity: 0.5;
}
.sub-nav--project .toggle-view__link.active {
  opacity: 1;
}
.sub-nav--project .filter {
  display: flex;
}
.sub-nav--project .filter-trigger {
  position: relative;
  top: 2px;
  border: 0;
  appearance: none;
  font-family: "Replica-Light", sans-serif;
  background-color: transparent;
  text-transform: uppercase;
  outline: none;
  cursor: pointer;
}
.sub-nav--project .filter-trigger::before {
  content: "\e805";
  display: block;
  position: absolute;
  top: -60%;
  left: 50%;
  font-family: mfr;
  transform: translateX(-50%);
  transition: top 150ms ease-in-out;
}
.sub-nav--project .filter-trigger.opened::before, .sub-nav--project .filter-trigger:hover::before {
  top: -75%;
}
.sub-nav--project .filter-form {
  position: absolute;
  bottom: 3.75rem;
  left: -25px;
  padding: 1rem;
  width: 324px;
  border-radius: 0.5rem 0.5rem 0 0;
  background-color: white;
  opacity: 0;
  pointer-events: none;
  transition: bottom 0.3s ease-in, opacity 0.3s ease-in;
}
.sub-nav--project .filter-form.visible {
  display: block;
  opacity: 1;
  pointer-events: all;
  bottom: 2.75rem;
}
.sub-nav--project .filter-form__close {
  position: absolute;
  top: 0.3125rem;
  right: 1rem;
  padding: 0.5rem;
  cursor: pointer;
}
.sub-nav--project .filter-form__title {
  margin-bottom: 1.25rem;
  font-size: 0.875rem;
}
.sub-nav--project .filter-form__select {
  position: relative;
  margin-bottom: 1rem;
}
.sub-nav--project .filter-form__select select {
  padding: 0.3125rem 1.75rem 0.3125rem 0.75rem;
  width: 100%;
  height: calc(1.5em + 0.625rem + 2px);
  appearance: none;
  background-color: #FFFFFF;
}
.sub-nav--project .filter-form__select:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0.5rem;
  transform: translateY(-50%);
  width: 0;
  border-top: 7px solid #000;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
}
.sub-nav--project .filter-form button[type=submit] {
  display: block;
  width: 100%;
  appearance: none;
  font-family: "Replica-Light", sans-serif;
  background-color: transparent;
  text-transform: uppercase;
  line-height: 1.5rem;
  border: 1px solid black;
  border-radius: 0.125rem;
  transition: all 0.15s ease-in;
}
.sub-nav--project .filter-form button[type=submit]:hover {
  color: white;
  background-color: black;
}
@media (max-width: 1023px) {
  body.post-type-archive-projets .sub-nav--project .filter-form {
    left: auto;
    right: -16px;
  }
}
@media (min-height: 600px) {
  .sub-nav--project .filter-form {
    padding: 1.5rem;
  }
  .sub-nav--project .filter-form__close {
    top: 0.75rem;
  }
  .sub-nav--project .filter-form__select select {
    padding: 0.6875rem 1.75rem 0.6875rem 0.75rem;
    height: calc(1.5em + 1.375rem + 2px);
  }
  .sub-nav--project .filter-form button[type=submit] {
    line-height: 3rem;
  }
}
.sub-nav--project .filter-info {
  display: none;
  align-items: center;
  height: 1.8125rem;
  margin: -0.25rem 0 0 0.5rem;
  padding: 0 1rem;
  color: white;
  font-family: "Replica-Light", sans-serif;
  line-height: 1.8125rem;
  background-color: black;
  border-radius: 0.9375rem;
}
.sub-nav--project .filter-info.visible {
  display: flex;
}
.sub-nav--project .filter-info i {
  display: inline-block;
  margin-left: 0.5rem;
  font-size: 0.625rem;
}
.sub-nav--project .filter-info__remove {
  cursor: pointer;
  transition: transform 0.2s ease-in;
}
.sub-nav--project .filter-info__remove:hover {
  transform: rotateZ(90deg);
}
.archive-table {
  padding-top: 8.5rem;
  align-self: flex-start;
}
.archive-table .scrollable__inner {
  margin-top: 0;
  padding-right: 25px;
  width: 100%;
  overflow-y: auto;
  align-items: flex-start;
  scrollbar-width: auto;
}
.archive-table table {
  width: 100%;
  border-collapse: collapse;
}
.archive-table table thead {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 2;
  background-color: white;
}
.archive-table table thead th {
  padding-top: 2rem;
  height: 5rem;
  opacity: 0.5;
  font-family: "Replica-Light", sans-serif;
  font-size: 1rem;
  text-align: left;
}
.archive-table table thead a {
  position: relative;
  display: flex;
  align-items: center;
  height: 100%;
}
.archive-table table thead a::before, .archive-table table thead a::after {
  content: "";
  height: 0;
  width: 0;
  position: absolute;
  right: 10px;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  opacity: 0.2;
}
.archive-table table thead a::before {
  top: 11px;
  border-bottom: 7px solid #000;
}
.archive-table table thead a::after {
  bottom: 11px;
  border-top: 7px solid #000;
}
.archive-table table tbody tr {
  transition: opacity 0.2s ease-in;
}
.archive-table table tbody tr.has-more:hover {
  opacity: 0.6;
  cursor: pointer;
}
.archive-table table tbody tr.hide {
  display: none;
}
.archive-table table tbody td {
  height: 4rem;
  border-top: 1px solid rgba(112, 112, 112, 0.3);
  font-family: "Replica-Light", sans-serif;
  font-size: 1rem;
}
.archive-table table tbody .more {
  padding: 0 1rem;
}
.single-label .content-ours > .inner:first-child > :first-child,
.single-projets .content-ours > .inner:first-child > :first-child {
  padding-top: 0.5rem;
}
@media (max-width: 991px) {
  .single-label .content-ours,
  .single-projets .content-ours {
    display: block;
  }
}
@media (min-width: 992px) {
  .single-label .content-ours,
  .single-projets .content-ours {
    transition: transform 0.2s ease-in;
  }
  .single-label .content-ours .toggle-ours,
  .single-projets .content-ours .toggle-ours {
    position: absolute;
    top: 0.6rem;
    right: -0.125rem;
    padding: 0.25rem 0.5rem;
    transform: rotateZ(180deg);
    cursor: pointer;
  }
  .single-label .content-ours .toggle-ours::before,
  .single-projets .content-ours .toggle-ours::before {
    content: "\e805";
    font-family: mfr;
  }
  .single-label .content-ours.closed,
  .single-projets .content-ours.closed {
    transform: translateY(calc(100% - var(--ours-header-height)));
  }
  .single-label .content-ours.closed .toggle-ours,
  .single-projets .content-ours.closed .toggle-ours {
    transform: rotateZ(0deg);
  }
}
.post-type-archive-label .content-image__legend {
  right: auto;
  padding: 0.625rem 0.75rem;
  color: #000000;
  background-color: rgba(255, 255, 255, 0.8);
}
.post-type-archive-label .content-image__legend em {
  font-family: Replica-Regular;
  font-style: normal;
}
.post-type-archive-label .content-image__title {
  margin-bottom: 0;
}
.staff {
  position: relative;
}
.staff__bio {
  display: flex;
  flex-direction: column;
  right: 0;
  bottom: 0;
  left: 0;
  color: #000000;
}
.staff__bio p {
  margin-bottom: 0;
  text-transform: none;
}
.staff-profile {
  position: fixed;
  padding-bottom: 1rem;
  z-index: 3000;
  opacity: 0;
  background-color: #FFFFFF;
}
.staff-profile__close {
  position: absolute;
  top: -0.75rem;
  right: 1rem;
  padding: 0.5rem;
  cursor: pointer;
}
.staff-profile.show {
  opacity: 1;
}
.staff-profile:not(.show) {
  pointer-events: none;
}
.staff-profile.content-text .content-text__title {
  font-size: 1.125rem;
}
.staff-profile.content-text .content-text__subtitle {
  font-size: 0.875rem;
}
.staff-profile.content-text p {
  margin-bottom: 0.5em;
  font-size: 0.75rem;
}
@media (max-width: 991px) {
  .staff-profile {
    width: calc(100% - 32px);
    height: 100%;
    max-width: 450px;
    padding: 16px;
  }
  .staff-profile.show {
    left: 50%;
    transform: translateX(-50%);
  }
}
@media (min-width: 1024px) {
  .staff-profile {
    left: 100vw;
    transition: left 0.1s ease-in;
    padding-bottom: 1.5rem;
  }
  .staff-profile.show {
    left: calc(100vw - 400px);
    transition: left 0.3s ease-in;
  }
  .staff-profile.content-text .content-text__title {
    font-size: 1.25rem;
  }
  .staff-profile.content-text .content-text__subtitle {
    font-size: 1rem;
  }
  .staff-profile.content-text p {
    font-size: 0.875rem;
  }
}
[id^=staff-profile-] {
  cursor: pointer;
}
.page-login {
  width: 100%;
  align-items: center;
}
.page-login__welcome {
  margin-bottom: 0;
  font-size: 1.5rem;
}
.page-login__user {
  margin-bottom: 2rem;
  font-size: 1rem;
}
.page-login form {
  width: 100%;
  max-width: 350px;
}
.page-login form > p {
  margin-bottom: 0.75rem;
}
.page-login form label {
  display: block;
  margin-bottom: 0.25rem;
}
.page-login form .input {
  width: 100%;
  padding: 0.5rem 0.5rem;
}
.page-login form .button {
  display: block;
  appearance: none;
  width: 100%;
  font-family: "Replica-Light", sans-serif;
  background-color: transparent;
  text-transform: uppercase;
  outline: none;
  cursor: pointer;
  line-height: 3rem;
  border: 1px solid #000;
  border-radius: 0.125rem;
  transition: all 0.15s ease-in;
}
.page-login form .button:hover {
  color: #FFFFFF;
  background-color: #000000;
}
.page-404 {
  align-items: center;
}
.page-404__welcome {
  font-family: "Replica-Light", sans-serif;
  font-size: 1.5rem;
}
.page-404__content > p {
  margin-bottom: 1rem;
}
.page-404__content label {
  display: none;
}
@media (min-width: 992px) {
  .page-id-1456 .content-text-column {
    padding: 0 2rem 0 0;
  }
  .page-id-1456 .content-text-column .inner {
    columns: 450px;
  }
}
.sib_signup_form {
  padding-top: 2rem;
}
.inner .sib-form {
  padding: 0;
}
.inner .sib-form-container {
  position: relative;
}
.inner .sib-form-title {
  margin-bottom: 0.4rem !important;
}
.inner .sib-form #sib-container {
  padding: 0;
  border: none !important;
}
.inner .sib-form .entry__field {
  margin-top: 0;
  border-radius: 4px;
  border-color: rgba(112, 112, 112, 0.4);
}
.inner .sib-form .entry__choice p {
  font-size: 0.75rem;
}
.inner .sib-form .input_replaced:checked + .checkbox_tick_positive {
  background-color: rgba(112, 112, 112, 0.4);
  border-color: rgba(112, 112, 112, 0.4);
}
.inner .sib-form .sib-email-area {
  margin-bottom: 0.75rem !important;
}
.inner .sib-form input[type=text], .inner .sib-form input[type=email] {
  display: block;
  width: 100%;
  max-width: 300px;
  padding: 0.125rem;
  height: 2.25rem !important;
}
.inner .sib-form input[type=text]::-webkit-input-placeholder, .inner .sib-form input[type=email]::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0.3);
}
.inner .sib-form input[type=text]:-moz-placeholder, .inner .sib-form input[type=email]:-moz-placeholder {
  color: rgba(0, 0, 0, 0.3);
}
.inner .sib-form input[type=text]::-moz-placeholder, .inner .sib-form input[type=email]::-moz-placeholder {
  color: rgba(0, 0, 0, 0.3);
}
.inner .sib-form input[type=text]:-ms-input-placeholder, .inner .sib-form input[type=email]:-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.3);
}
.inner .sib-row {
  margin-bottom: 0.5rem;
}
.inner .sib-label {
  display: block;
  width: 100%;
}
.inner .sib-form-block {
  padding: 0;
}
.inner .sib-submit-block {
  position: absolute;
  right: 0;
  top: 0;
}
.inner .sib-btn {
  display: inline-block;
  padding: 0 0.75rem;
  line-height: 1.5rem;
  border-width: 1px;
  transition: all 0.15s ease-in;
  appearance: none;
  font-family: "Replica-Light", sans-serif;
  font-size: 0.75rem;
  background-color: transparent;
  text-transform: uppercase;
  outline: none;
  cursor: pointer;
}
.inner .sib-btn svg {
  display: none !important;
}
.inner .sib-form-message-panel {
  padding: 0;
  border: none;
}
.inner .sib-form-message-panel svg {
  display: none;
}
@media (min-width: 992px) {
  .inner .sib-btn {
    font-size: 1rem;
    line-height: 2rem;
  }
}