@charset "UTF-8";
/**
 * Foundation for Sites
 * Version 6.7.5
 * https://get.foundation
 * Licensed under MIT Open Source
 */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, .form fieldset legend, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

html {
  line-height: 2em;
}

ol, ul {
  list-style: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

q, blockquote {
  quotes: none;
}

q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none;
}

a img {
  border: none;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block;
}

button,
input,
textarea {
  background: none;
  outline: none;
  border: none;
  padding: 0;
  color: inherit;
  font-size: inherit;
  font-family: inherit;
  font-weight: inherit;
}

/**
 * Generates a complete font face declarations
 * where invoked
 *
 * @type mixin
 *
 * @param $font-family The with which the font family will be called
 * @param $fonts-path   The path to the fonts directory relative to the compiled stylesheet
 * @param $font-file   The name of the actual font file
 * @param $font-weight The font weight (normal, bold, lighter)
 * @param $font-weight The font style (normal, italic)
 *
 * Example Usage:
 * @include font-face('Open Sans', '../fonts/', 'OpenSans-regular-webfont', bold, italic)
 */
/**
 * A loop to run through each font family
 * and print the font face declarations of each
 * variant
 *
 * Dependencies
 * variable - $fonts-path
 * list     - $font-faces
 * mixin    - font-face
 */
.posts-list-block {
  width: 100vw;
  margin-left: calc(-50vw + 50%);
  position: relative;
}
.posts-list-block:before, .posts-list-block:after {
  display: table;
  content: " ";
}
.posts-list-block:after {
  clear: both;
}
.posts-list-block > .inner {
  margin-left: auto;
  margin-right: auto;
}
@media print, screen and (max-width: 89.99875em) {
  .posts-list-block {
    width: 100vw;
    position: relative;
    margin-left: -50vw;
    left: 50%;
    display: flex;
    justify-content: center;
  }
}
@media print, screen and (max-width: 48.87375em) {
  .posts-list-block {
    width: 100%;
    margin-left: 0;
    left: 0;
    display: block;
  }
}

.decorative-icon, div.notice:before, body.login div#login_error:before,
body.login div.message:before,
body.login div.success:before, .file-attachment:after, .button-arrow:after, .spread-filters .primary label[for=whats-on-date]:before, .posts-list-block .filters .primary label[for=whats-on-date]:before, .spread-filters .primary label[for=date]:before, .posts-list-block .filters .primary label[for=date]:before, .posts-list-block .card__actions:after, .cart-icon-popout:after {
  font-family: "remixicon" !important;
  font-style: normal;
  content: " ";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.reset-select, .spread-filters .primary select, .posts-list-block .filters .primary select {
  font-family: "Marianne", Helvetica, "Helvetica Neue", Arial, sans-serif;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  outline: 0;
  border: 0;
  box-shadow: none;
  position: relative;
}
.reset-select:focus, .spread-filters .primary select:focus, .posts-list-block .filters .primary select:focus {
  outline: none;
}

.cart-icon-popout {
  display: block;
  position: relative;
  overflow: hidden;
}
.cart-icon-popout:after {
  position: absolute;
  right: -10px;
  top: -10px;
  background: #ff9575;
  width: 80px;
  content: "\f11c";
  aspect-ratio: 1;
  color: #fefefe;
  font-size: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-clip-path: polygon(0 50%, 50% 0, 100% 0, 100% 100%, 100% 50%, 50% 100%);
          clip-path: polygon(0 50%, 50% 0, 100% 0, 100% 100%, 100% 50%, 50% 100%);
  transition: all 0.2s;
}
.cart-icon-popout:hover:after {
  transform: scale(1.25);
  right: 0;
  top: 0;
}

.posts-list-block {
  --title-text-color: #ff9575;
  --title-mark-color: #92442d;
  --background-color: #f8f7f7;
  margin-top: var(--spacer-wide);
  background-color: var(--background-color);
  padding: var(--spacer-wide) 0;
}
.posts-list-block.scheme-white {
  --title-text-color: #3558a2;
  --title-mark-color: #6882b9;
  --background-color: #fff;
}
.posts-list-block.scheme-white .spread-filters, .posts-list-block.scheme-white .filters {
  --filter-text-color: #3558a2;
  --filter-border-color: #3558a2;
  --filter-active-background-color: #3558a2;
  --filter-active-text-color: #fff;
}
.posts-list-block.scheme-white .inner > .title {
  background-image: url("/app/themes/ifru/assets/images/layout/background/mark.php?color=ccd5e8");
}
.posts-list-block.scheme-gray .spread-filters, .posts-list-block.scheme-gray .filters {
  --filter-text-color: #3558a2;
  --filter-border-color: #3558a2;
  --filter-active-background-color: #3558a2;
  --filter-active-text-color: #fff;
}
@media print, screen and (max-width: 48.87375em) {
  .posts-list-block {
    padding: var(--spacer-small) 0;
  }
}
.posts-list-block > .inner {
  display: flex;
  flex-direction: column;
  gap: 15px;
  align-items: center;
  width: var(--container-width);
  margin: 0 auto;
}
.posts-list-block > .inner .cards-wrapper {
  width: 100%;
}
@media print, screen and (max-width: 48.87375em) {
  .posts-list-block > .inner .cards-wrapper {
    overflow-x: scroll;
  }
}
.posts-list-block > .inner > .title {
  background-image: url("/app/themes/ifru/assets/images/layout/background/mark.php");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  color: var(--title-text-color);
  line-height: calc(var(--spacer-wide) * 2.5);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}
@media print, screen and (min-width: 48.875em) {
  .posts-list-block > .inner > .title {
    min-width: 270px;
  }
}
@media print, screen and (max-width: 48.87375em) {
  .posts-list-block > .inner > .title {
    width: var(--container-width);
    background-size: contain;
  }
}
.posts-list-block > .inner > .title mark {
  color: var(--title-mark-color);
}
.posts-list-block > .inner .cards {
  width: 100%;
  padding: 20px 0;
}
@media print, screen and (max-width: 48.87375em) {
  .posts-list-block > .inner .cards {
    flex-wrap: nowrap;
    justify-content: flex-start;
    flex-direction: row;
    width: -moz-max-content;
    width: max-content;
    gap: 0;
  }
}
@media print, screen and (max-width: 48.87375em) {
  .posts-list-block > .inner .cards .card {
    width: 92vw;
    flex-grow: 0;
  }
}
.posts-list-block .card__actions {
  color: #ff734d;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 14px;
  margin-top: 15px;
}
.posts-list-block .card__actions:after {
  content: "\ea6c";
  position: relative;
  left: 10px;
  transition: all 0.32s;
}

.spread-filters, .posts-list-block .filters {
  --filter-text-color: #fff;
  --filter-border-color: #fff;
  --filter-active-background-color: #fff;
  --filter-active-text-color: #3558a2;
  display: flex;
  justify-content: space-between;
  width: 100%;
}
@media print, screen and (max-width: 48.87375em) {
  .spread-filters, .posts-list-block .filters {
    flex-direction: column;
    padding: var(--spacer-small);
  }
}
.spread-filters .primary, .posts-list-block .filters .primary {
  display: flex;
  align-items: center;
}
@media print, screen and (max-width: 48.87375em) {
  .spread-filters .primary, .posts-list-block .filters .primary {
    flex-direction: column;
    gap: var(--spacer-extra-small);
    margin-bottom: var(--spacer-extra-small);
  }
}
.spread-filters .primary select, .posts-list-block .filters .primary select {
  cursor: pointer;
  border: 3px solid #fefefe;
  border-color: var(--filter-border-color);
  padding: 10px 30px 10px 10px;
  min-width: 200px;
  background: transparent;
  color: var(--filter-text-color);
  text-transform: uppercase;
  font-size: 1.4rem;
  font-weight: 600;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");
  background-position: right 0.5rem center;
  background-repeat: no-repeat;
  background-size: 1.5em 1.5em;
}
.spread-filters .primary select option, .posts-list-block .filters .primary select option, .spread-filters .primary select optgroup, .posts-list-block .filters .primary select optgroup {
  text-transform: capitalize;
  color: #000;
  text-transform: none;
}
@media print, screen and (max-width: 48.87375em) {
  .spread-filters .primary select, .posts-list-block .filters .primary select {
    width: 100%;
  }
}
.spread-filters .primary select::-ms-expand, .posts-list-block .filters .primary select::-ms-expand {
  display: none;
}
.spread-filters .primary .whats-on-current-dates, .posts-list-block .filters .primary .whats-on-current-dates {
  height: 47px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding-left: 20px;
  color: #fff;
}
.spread-filters .primary .whats-on-navigation, .posts-list-block .filters .primary .whats-on-navigation {
  display: flex;
  min-width: 90px;
  margin-left: 20px;
}
@media print, screen and (max-width: 48.87375em) {
  .spread-filters .primary .whats-on-navigation, .posts-list-block .filters .primary .whats-on-navigation {
    margin-left: 0;
    align-items: stretch;
  }
}
.spread-filters .primary .whats-on-navigation a, .posts-list-block .filters .primary .whats-on-navigation a {
  cursor: pointer;
  border: 3px solid #fefefe;
  height: 100%;
  color: var(--filter-text-color);
  font-size: 2.2rem;
  display: inline-flex;
  aspect-ratio: 1;
  align-items: center;
  justify-content: center;
}
.spread-filters .primary .whats-on-navigation a.next, .posts-list-block .filters .primary .whats-on-navigation a.next {
  border-left: 0;
}
@media print, screen and (max-width: 48.87375em) {
  .spread-filters .primary .whats-on-navigation a, .posts-list-block .filters .primary .whats-on-navigation a {
    height: 47px;
    width: 50px;
  }
}
.spread-filters .primary label[for=whats-on-date], .posts-list-block .filters .primary label[for=whats-on-date], .spread-filters .primary label[for=date], .posts-list-block .filters .primary label[for=date] {
  background: var(--filter-active-background-color);
  position: relative;
  height: 47px;
  aspect-ratio: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media print, screen and (max-width: 48.87375em) {
  .spread-filters .primary label[for=whats-on-date], .posts-list-block .filters .primary label[for=whats-on-date], .spread-filters .primary label[for=date], .posts-list-block .filters .primary label[for=date] {
    height: 47px;
  }
}
.spread-filters .primary label[for=whats-on-date] input, .posts-list-block .filters .primary label[for=whats-on-date] input, .spread-filters .primary label[for=date] input, .posts-list-block .filters .primary label[for=date] input {
  position: absolute;
  background: transparent;
  cursor: pointer;
  width: 30px;
}
.spread-filters .primary label[for=whats-on-date]:before, .posts-list-block .filters .primary label[for=whats-on-date]:before, .spread-filters .primary label[for=date]:before, .posts-list-block .filters .primary label[for=date]:before {
  content: "\eb27";
  color: var(--filter-active-text-color);
  position: absolute;
  font-size: 2rem;
}
.spread-filters .pills, .posts-list-block .filters .pills {
  display: flex;
  align-items: center;
}
@media print, screen and (max-width: 48.87375em) {
  .spread-filters .pills, .posts-list-block .filters .pills {
    width: 100%;
  }
}
@media print, screen and (max-width: 48.87375em) {
  .spread-filters .pills div, .posts-list-block .filters .pills div {
    flex-grow: 1;
  }
}
.spread-filters .pills div input, .posts-list-block .filters .pills div input {
  display: none;
}
.spread-filters .pills div input:focus + label, .posts-list-block .filters .pills div input:focus + label,
.spread-filters .pills div input:checked + label,
.posts-list-block .filters .pills div input:checked + label,
.spread-filters .pills div input:active + label,
.posts-list-block .filters .pills div input:active + label {
  background: var(--filter-active-background-color);
  color: var(--filter-active-text-color);
}
.spread-filters .pills div label, .posts-list-block .filters .pills div label {
  width: 100%;
  border: 3px solid var(--filter-border-color);
  border-right: none;
  height: 100%;
  cursor: pointer;
  padding: 10px 20px;
  background: transparent;
  color: var(--filter-text-color);
  font-family: "Marianne", Helvetica, "Helvetica Neue", Arial, sans-serif;
  text-transform: uppercase;
  font-size: 1.4rem;
  font-weight: 700;
}
@media print, screen and (max-width: 48.87375em) {
  .spread-filters .pills div label, .posts-list-block .filters .pills div label {
    display: inline-block;
    padding: 2px;
    text-align: center;
  }
}
.spread-filters .pills div:last-of-type label, .posts-list-block .filters .pills div:last-of-type label {
  border-right: 3px solid var(--filter-border-color);
}

.hidden-scrollbars::-webkit-scrollbar, .posts-list-block > .inner .cards-wrapper::-webkit-scrollbar {
  width: 0;
  height: 0;
}
.hidden-scrollbars::-webkit-scrollbar-thumb, .posts-list-block > .inner .cards-wrapper::-webkit-scrollbar-thumb {
  background: transparent;
}
.hidden-scrollbars::-webkit-scrollbar-track, .posts-list-block > .inner .cards-wrapper::-webkit-scrollbar-track {
  background: transparent;
}
.hidden-scrollbars, .posts-list-block > .inner .cards-wrapper {
  scrollbar-face-color: transparent;
  scrollbar-track-color: transparent;
}

:root {
  --gutter: 0.8rem;
  --gutter-narrow: 0.4rem;
  --gutter-wide: 1.6rem;
  --container-width: 1440px;
  --spacer-extra-small: 1rem;
  --spacer-small: 2rem;
  --spacer-wide: 4rem;
  --spacer-post-list: 6rem;
  --row-gutter-extra-small: 1.2rem;
  --row-gutter-small: 2rem;
  --row-gutter-medium: 3rem;
  --row-gutter-large: 6rem;
  --header-1-size: 8rem;
  --header-2-size: 6.4rem;
  --header-3-size: 4rem;
  --header-4-size: 3.2rem;
  --header-5-size: 2.4rem;
}
@media print, screen and (max-width: 89.99875em) {
  :root {
    --gutter-narrow: 0.2rem;
    --gutter-wide: 0.7rem;
  }
}

@font-face {
  font-family: "Marianne";
  font-weight: 300;
  font-style: normal;
  src: url("../fonts/marianne/marianne-300.woff2") format("woff2");
}
@font-face {
  font-family: "Marianne";
  font-weight: 300;
  font-style: italic;
  src: url("../fonts/marianne/marianne-300-italic.woff2") format("woff2");
}
@font-face {
  font-family: "Marianne";
  font-weight: 400;
  font-style: normal;
  src: url("../fonts/marianne/marianne-400.woff2") format("woff2");
}
@font-face {
  font-family: "Marianne";
  font-weight: 400;
  font-style: italic;
  src: url("../fonts/marianne/marianne-400-italic.woff2") format("woff2");
}
@font-face {
  font-family: "Marianne";
  font-weight: 500;
  font-style: normal;
  src: url("../fonts/marianne/marianne-500.woff2") format("woff2");
}
@font-face {
  font-family: "Marianne";
  font-weight: 500;
  font-style: italic;
  src: url("../fonts/marianne/marianne-500-italic.woff2") format("woff2");
}
@font-face {
  font-family: "Marianne";
  font-weight: 700;
  font-style: normal;
  src: url("../fonts/marianne/marianne-700.woff2") format("woff2");
}
@font-face {
  font-family: "Marianne";
  font-weight: 700;
  font-style: italic;
  src: url("../fonts/marianne/marianne-700-italic.woff2") format("woff2");
}
.container {
  position: relative;
  width: 100%;
  max-width: var(--container-width);
  margin: 0 auto;
  padding: 0 var(--gutter-wide);
  z-index: 1;
}
@media screen and (min-width: 77em) {
  .container {
    padding: 0;
  }
}

.checkbox input + label:before,
.radio input + label:before {
  aspect-ratio: 1;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
}

.row-layout {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  flex: 0 1 auto;
  gap: var(--gap, var(--gutter));
}

.col-layout {
  display: grid;
  gap: var(--gap, var(--row-gutter-small));
}

.center {
  margin: 0 auto;
}

.hidden {
  display: none;
}

h1 {
  font-family: "Marianne", "Times New Roman", serif;
  font-weight: 400;
  line-height: 1.125;
  margin-bottom: var(--spacer-wide);
  color: #3558a2;
}

h1, h2, h3, h4, .form fieldset legend, h5, h6 {
  font-weight: var(--font-weight, 700);
}
h1 strong, h2 strong, h3 strong, h4 strong, .form fieldset legend strong, h5 strong, h6 strong {
  color: #383535;
}

h3, h4, .form fieldset legend, h5, h6 {
  font-weight: 700;
}

h1 {
  font-size: var(--header-1-size);
}

h2 {
  font-size: var(--header-2-size);
}

h3 {
  font-size: var(--header-3-size);
}

h4, .form fieldset legend {
  font-size: var(--header-4-size);
}

h5 {
  font-size: var(--header-5-size);
}

h2 {
  color: #3558a2;
  line-height: 1.4;
}

h3 {
  color: #4969ab;
  line-height: 1.3;
  margin-bottom: 20px;
}

h4, .form fieldset legend {
  color: #6882b9;
  line-height: 1.3;
  margin-bottom: 20px;
}

h5 {
  color: #6882b9;
}

a {
  text-decoration: none;
  color: inherit;
}
a:hover, a:focus {
  text-decoration: none;
}

b, strong {
  font-weight: 700;
}

i, em {
  font-style: italic;
}

u {
  text-decoration: underline;
}

p + p {
  margin-top: 1em;
}

ol:not([class]) {
  list-style-type: decimal;
}

blockquote {
  quotes: "“" "”" "‘" "’";
  margin: 0 2em;
}

mark {
  position: relative;
  background: none;
  display: inline-block;
}

.container {
  position: relative;
  width: 100%;
  max-width: var(--container-width);
  margin: 0 auto;
  padding: 0 var(--gutter-wide);
  z-index: 1;
}
@media screen and (min-width: 77em) {
  .container {
    padding: 0;
  }
}

.checkbox input + label:before,
.radio input + label:before {
  aspect-ratio: 1;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
}

.rte .button, .rte body.login form#language-switcher .button, body.login form#language-switcher .rte .button, .rte body.login form#language-switcher .file-attachment, body.login form#language-switcher .rte .file-attachment, .rte body.login form#language-switcher .field__input--file::file-selector-button, body.login form#language-switcher .rte .field__input--file::file-selector-button, .rte body.login form#loginform p.submit input, body.login form#loginform p.submit .rte input,
.rte body.login form#lostpasswordform p.submit input,
body.login form#lostpasswordform p.submit .rte input, .rte .field__input--file::file-selector-button, .rte .file-attachment {
  padding: 10px 40px;
}

.button, body.login form#language-switcher .button, body.login form#language-switcher .file-attachment, body.login form#language-switcher .field__input--file::file-selector-button, body.login form#loginform p.submit input,
body.login form#lostpasswordform p.submit input, .field__input--file::file-selector-button, .file-attachment {
  display: block;
  background-color: #ff9575;
  color: #ffffff;
  padding: 15px 40px;
  line-height: 1.5;
  width: -moz-max-content;
  width: max-content;
  font-size: 1.4rem;
  font-weight: 600;
  text-transform: uppercase;
  transition: all 0.24s;
  text-decoration: none;
  clip-path: polygon(0 0, 100% 0, 100% calc(100% - 19px), calc(100% - 20px) 100%, 0 100%);
  -webkit-clip-path: polygon(0 0, 100% 0, 100% calc(100% - 19px), calc(100% - 20px) 100%, 0 100%);
}
@media print, screen and (max-width: 48.87375em) {
  .button, body.login form#language-switcher .button, body.login form#language-switcher .file-attachment, body.login form#language-switcher .field__input--file::file-selector-button, body.login form#loginform p.submit input,
  body.login form#lostpasswordform p.submit input, .field__input--file::file-selector-button, .file-attachment {
    text-wrap: wrap;
    max-width: 100%;
  }
}
.button [class^=ri-], body.login form#language-switcher .button [class^=ri-], body.login form#language-switcher .file-attachment [class^=ri-], body.login form#language-switcher .field__input--file::file-selector-button [class^=ri-], body.login form#loginform p.submit input [class^=ri-],
body.login form#lostpasswordform p.submit input [class^=ri-], .field__input--file::file-selector-button [class^=ri-], .file-attachment [class^=ri-], .button [class*=" ri-"], body.login form#language-switcher .button [class*=" ri-"], body.login form#language-switcher .file-attachment [class*=" ri-"], body.login form#language-switcher .field__input--file::file-selector-button [class*=" ri-"], body.login form#loginform p.submit input [class*=" ri-"],
body.login form#lostpasswordform p.submit input [class*=" ri-"], .field__input--file::file-selector-button [class*=" ri-"], .file-attachment [class*=" ri-"] {
  margin-left: 5px;
}
.button-outline, body.login form#language-switcher .button, body.login form#language-switcher .file-attachment, body.login form#language-switcher .field__input--file::file-selector-button, body.login form#language-switcher form#loginform p.submit input, body.login form#loginform p.submit form#language-switcher input,
body.login form#language-switcher form#lostpasswordform p.submit input,
body.login form#lostpasswordform p.submit form#language-switcher input, .file-attachment {
  background: #3558a2;
  color: #3558a2;
  position: relative;
  overflow: hidden;
  transition: all 0.32s ease-in-out;
  z-index: 1;
}
.button-outline::before, body.login form#language-switcher .button::before, body.login form#language-switcher .file-attachment::before, body.login form#language-switcher form#loginform p.submit input::before, body.login form#loginform p.submit form#language-switcher input::before,
body.login form#language-switcher form#lostpasswordform p.submit input::before,
body.login form#lostpasswordform p.submit form#language-switcher input::before, .file-attachment::before {
  content: "";
  position: absolute;
  top: 3px;
  right: 3px;
  bottom: 3px;
  left: 3px;
  background: #fff;
  z-index: -1;
  clip-path: polygon(0 0, 100% 0, 100% calc(100% - 17px), calc(100% - 18px) 100%, 0 100%);
  -webkit-clip-path: polygon(0 0, 100% 0, 100% calc(100% - 17px), calc(100% - 18px) 100%, 0 100%);
}
.button-outline:hover, body.login form#language-switcher .button:hover, body.login form#language-switcher .file-attachment:hover, body.login form#language-switcher .field__input--file:hover::file-selector-button, body.login form#language-switcher form#loginform p.submit input:hover, body.login form#loginform p.submit form#language-switcher input:hover,
body.login form#language-switcher form#lostpasswordform p.submit input:hover,
body.login form#lostpasswordform p.submit form#language-switcher input:hover, .file-attachment:hover {
  color: #6882b9;
  background: #6882b9;
}
.button-secondary, body.login form#loginform p.submit input,
body.login form#lostpasswordform p.submit input, .field__input--file::file-selector-button {
  background: #c6cfe7;
  color: #3558a2;
}
.button-contrast {
  background: #3558a2;
  color: #ffffff;
}
.button-light {
  background: #fff;
  color: #3558a2;
}
.button-arrow, .field__input--file::file-selector-button {
  padding-right: 50px;
}
.button-arrow:after {
  content: "\ea6c";
  position: relative;
  left: 10px;
  transition: all 0.32s;
}
.button-arrow:hover:after {
  left: 15px;
}

.file-attachment, .file-attachment > p {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}

.file-attachment {
  transition: all 0.2s ease-in-out;
  padding-left: var(--spacer-wide) !important;
  margin-top: var(--spacer-small);
}
@media print, screen and (max-width: 48.87375em) {
  .file-attachment {
    padding-left: calc(var(--spacer-wide) * 1.5) !important;
  }
}
.file-attachment:after {
  transition: 0.1s all ease-in-out;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  aspect-ratio: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 2.4rem;
}
.file-attachment[href$=".pdf"] {
  color: #cc1e24;
  background: #cc1e24;
}
.file-attachment[href$=".pdf"]:after {
  content: "\ecfc";
  color: #cc1e24;
}
.file-attachment[href$=".pdf"]:hover {
  color: #a0171c;
  background: #a0171c;
}
.file-attachment[href$=".pdf"]:hover:after {
  color: #a0171c;
}
.file-attachment[href$=".doc"], .file-attachment[href$=".docx"] {
  color: #295395;
  background: #295395;
}
.file-attachment[href$=".doc"]:after, .file-attachment[href$=".docx"]:after {
  content: "\ed1a";
  color: #295395;
}
.file-attachment[href$=".doc"]:hover, .file-attachment[href$=".docx"]:hover {
  color: #1e3d6d;
  background: #1e3d6d;
}
.file-attachment[href$=".doc"]:hover:after, .file-attachment[href$=".docx"]:hover:after {
  color: #1e3d6d;
}
.file-attachment[href$=".xls"], .file-attachment[href$=".xlsx"] {
  color: #1d7044;
  background: #1d7044;
}
.file-attachment[href$=".xls"]:after, .file-attachment[href$=".xlsx"]:after {
  content: "\ecdd";
  color: #1d7044;
}
.file-attachment[href$=".xls"]:hover, .file-attachment[href$=".xlsx"]:hover {
  color: #13472b;
  background: #13472b;
}
.file-attachment[href$=".xls"]:hover:after, .file-attachment[href$=".xlsx"]:hover:after {
  color: #13472b;
}
.file-attachment[href$=".ppt"], .file-attachment[href$=".pptx"] {
  color: #d04525;
  background: #d04525;
}
.file-attachment[href$=".ppt"]:after, .file-attachment[href$=".pptx"]:after {
  content: "\ecfe";
  color: #d04525;
}
.file-attachment[href$=".ppt"]:hover, .file-attachment[href$=".pptx"]:hover {
  color: #a5371d;
  background: #a5371d;
}
.file-attachment[href$=".ppt"]:hover:after, .file-attachment[href$=".pptx"]:hover:after {
  color: #a5371d;
}

.form fieldset {
  margin-bottom: var(--spacer-wide);
}
.form fieldset.outlined {
  border-top: 1px solid #ff9575;
}
.form fieldset.outlined legend {
  padding: 0 var(--spacer-small) 0 0;
  margin-left: -var(--spacer-wide);
}
.form fieldset legend {
  color: #ff9575;
}
.form__inner {
  margin-top: var(--row-gutter-large);
}
.form__top-notices {
  margin-bottom: var(--row-gutter-medium);
}
.form__row {
  margin-bottom: var(--spacer-small);
}
@media print, screen and (max-width: 48.87375em) {
  .form__row--submit {
    justify-content: center;
  }
}
.form__row--auto {
  display: flex;
  flex-wrap: wrap;
  gap: 0 2rem;
}
.form__row--auto > .form__field {
  flex: 0 0 auto;
  padding: 0.4em 0;
  flex-grow: 1;
}
@media print, screen and (max-width: 48.87375em) {
  .form__row--auto > .form__field {
    width: 100%;
  }
}
.form__row--options {
  flex-wrap: wrap;
}
.form__row--options > .form__field {
  min-width: 25%;
}
.form__row--options-full-width > .form__field {
  width: 100%;
  flex-grow: 1;
}
.form__row--radio {
  padding: 0;
  flex-direction: column;
}
.form__row--radio > .form__field {
  flex-grow: 0;
  padding-top: 0;
}
@media print, screen and (max-width: 48.87375em) {
  .form__row--radio > .form__field {
    width: 100%;
  }
}
@media print, screen and (max-width: 48.87375em) {
  .form__row {
    --gap: 2rem;
    display: flex;
    align-items: center;
    gap: 0 2rem;
  }
}
.form__row + .form__row {
  margin-top: var(--row-gutter-small);
}
.form__row--equal {
  flex-wrap: wrap;
  display: flex;
  gap: var(--spacer-small);
}
@media print, screen and (min-width: 48.875em) {
  .form__row--equal > * {
    width: calc(50% - var(--spacer-small));
  }
}
@media print, screen and (max-width: 48.87375em) {
  .form__row--equal > * {
    width: 100%;
  }
}
.form__table thead {
  font-size: 1.4rem;
}
@media print, screen and (max-width: 48.87375em) {
  .form__table thead {
    display: none;
  }
}
.form__table thead th {
  text-align: center;
}
@media print, screen and (max-width: 48.87375em) {
  .form__table thead th {
    display: none;
  }
}
.form__table thead th small {
  display: block;
}
@media print, screen and (max-width: 48.87375em) {
  .form__table tbody .table__row + .table__row {
    margin-top: 1em;
  }
}
@media print, screen and (max-width: 48.87375em) {
  .form__table tbody .table__cell {
    width: 100%;
  }
}
.form__table tbody th {
  font-size: 1.4rem;
  padding: 5px;
  background: hotpink;
}
@media print, screen and (max-width: 48.87375em) {
  .form__table tbody td.table__cell {
    text-align: center;
  }
}
.form__table .table__cell {
  position: relative;
  padding: 0.4em;
}
@media print, screen and (max-width: 48.87375em) {
  .form__table .table__cell {
    width: calc(100% / var(--table-row-number, 2));
  }
}
@media print, screen and (max-width: 48.87375em) {
  .form__table .table__cell:first-child {
    width: 20%;
  }
}
@media print, screen and (max-width: 48.87375em) {
  .form__table .table__cell:first-child {
    font-weight: 700;
  }
}
.form__table .table__cell small {
  font-size: 1.2rem;
  font-weight: 300;
}
.form__table .table__cell > .checkbox > input + label::after {
  line-height: inherit;
}
.form__annotation {
  font-size: 1.4rem !important;
  margin-bottom: var(--spacer-small) !important;
  color: #777777;
}
.form__field {
  position: relative;
  flex-grow: 1;
  padding: 1.4em 0 0.4em 0;
}
@media print, screen and (max-width: 48.87375em) {
  .form__field {
    padding: 0.4em 0;
  }
}
.form__field--select .field__select::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: var(--background-color, #ffffff);
  z-index: 10;
  margin: 1rem 2rem 1rem 0;
  pointer-events: none;
}
.form__field--select .field__label {
  z-index: 100;
}
.form__field--select:focus-within .field__select::before, .form__field--select.filled .field__select::before {
  opacity: 0;
  visibility: hidden;
}
.form__field--checkbox {
  margin: 0;
  padding: 0;
}
.form__field--text-input {
  position: relative;
}
.form__field--text-input:focus-within .field__label, .form__field--text-input.filled .field__label {
  transform: translateY(var(--focus-translate, 0));
}
.form__field--text-input:focus-within .field__label span, .form__field--text-input.filled .field__label span {
  opacity: 1;
  visibility: visible;
  font-size: 1.3rem;
  color: #87888a;
}
.form__field--row {
  display: flex;
  gap: var(--gutter);
  position: relative;
}
.form__field--row > * {
  flex-basis: 50%;
}
.form__field--row .field__label {
  position: inherit;
  top: 0;
}
.form__field--column {
  display: flex;
  gap: var(--gutter);
  align-items: center;
}
.form__field--column::before {
  width: calc(50% - var(--gutter) * 0.5);
  left: initial;
  right: 0;
}
.form__field--column .field__label,
.form__field--column .field__input {
  width: calc(50% - var(--gutter) * 0.5);
}
.form__field--column .field__label {
  --focus-translate: 0;
  position: relative;
  top: initial;
}
.form__field--column .field__label span {
  font-size: initial !important;
  font-weight: 500;
  opacity: 1;
  visibility: visible;
}
.form__field--column .field__input {
  padding: 0;
}
.form__error {
  display: inline-block;
  color: #da002e;
  margin-top: 1em;
  font-size: 1.4rem;
}
.form .mandatory-fields {
  font-size: 1.4rem;
  text-align: right;
  color: #da002e;
  margin-bottom: 1em;
}
.form .mandatory {
  color: #da002e;
}
.form + * {
  margin-top: var(--row-gutter-medium);
}

label[for=uploaded-file] {
  pointer-events: none;
  transition: transform 0.24s ease-in-out;
  color: #3558a2;
  text-transform: uppercase;
  font-size: 1.6rem;
  font-weight: 600;
}

.faux-label {
  color: #3558a2;
  line-height: 1.6;
  text-transform: uppercase;
  font-size: 1.6rem;
  font-weight: 600;
}
.faux-label small {
  color: #6882b9;
  font-size: 1.4rem;
  font-weight: 400;
}
@media print, screen and (max-width: 48.87375em) {
  .faux-label {
    white-space: normal;
    max-width: 100%;
  }
}

.field__input,
.field select {
  background: transparent;
  border: none;
  border-bottom: 1px solid #87888a;
  transition: border-color 0.24s ease-in-out;
  padding: 0.4em 0 0.8em;
  width: 100%;
  font-size: 1.6rem;
  font-weight: 500;
}
.field__input::-moz-placeholder {
  color: #87888a;
  opacity: 1;
}
.field__input::placeholder {
  color: #87888a;
  opacity: 1;
}
.field__input:focus {
  outline: none;
}
.field__input--textarea {
  min-height: 12rem;
}
.field__input--file {
  font-size: 1.4rem;
}
.field__input--file::file-selector-button {
  display: inline-block;
  margin-right: 20px;
  border: none;
  font-family: "Marianne", Helvetica, "Helvetica Neue", Arial, sans-serif;
}
.field__label {
  --focus-translate: -2em;
  position: absolute;
  top: 2em;
  left: 0;
  pointer-events: none;
  transition: transform 0.24s ease-in-out;
  color: #3558a2;
}
@media print, screen and (max-width: 48.87375em) {
  .field__label {
    white-space: normal;
    max-width: 100%;
  }
}
@media print, screen and (max-width: 48.87375em) {
  .field__label {
    top: 1em;
  }
}
.field__label span {
  text-transform: uppercase;
  font-size: 1.6rem;
  font-weight: 600;
  transition: all 0.24s ease-in-out;
}
.field__label span small {
  margin-left: 5px;
}
.field__select {
  display: grid;
  grid-template-areas: "select";
  align-items: center;
  cursor: pointer;
}
.field__select select {
  position: relative;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  font-family: inherit;
  cursor: inherit;
  grid-area: select;
  z-index: 1;
}
.field__select select:focus-visible {
  outline: 1px solid rgba(53, 88, 162, 0.48);
}
.field__select::after {
  content: "\ea4e";
  font-family: "remixicon";
  font-size: 2rem;
  grid-area: select;
  justify-self: end;
}

.gdpr__consent {
  position: relative;
  font-size: 1.4rem;
  color: #5E5E5E;
}
.gdpr__notice {
  margin-bottom: 0 !important;
}
.gdpr__notice a {
  text-decoration: underline;
}
.gdpr__notice a:after {
  display: none !important;
}
.gdpr__input {
  margin: 0 0 var(--spacer-small) 0;
  padding: 0 0 var(--spacer-small) 0;
}
.gdpr ~ .form__row {
  margin-top: var(--spacer-extra-small);
}

.checkbox,
.radio {
  display: inline-block;
  position: relative;
  min-width: 1.4rem;
  min-height: 1.4rem;
}
.checkbox input,
.radio input {
  width: 0.875em;
  height: 0.875em;
  margin: 0;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}
.checkbox label,
.radio label {
  position: relative;
  padding: 0 0 0 4rem;
  margin: 0;
  font-size: 1.6rem;
  letter-spacing: 0;
  text-transform: none;
  display: flex;
  gap: 1.5rem;
  cursor: pointer;
}
.checkbox input + label:before,
.radio input + label:before {
  content: "";
  position: absolute;
  left: 0;
  width: 30px;
}

.checkbox [type=checkbox] + label:before {
  content: "\eb7f";
  color: #3558a2;
  font-family: "remixicon";
  font-size: 2rem;
}
.checkbox [type=checkbox]:checked + label:before {
  content: "\eb82";
}

.radio [type=radio] + label:before {
  content: "\eb7d";
  color: #3558a2;
  font-family: "remixicon";
  font-size: 2rem;
}
.radio [type=radio]:checked + label:before {
  content: "\eb80";
}

textarea {
  resize: vertical;
}

select {
  color: inherit;
}

div.notice, body.login div#login_error,
body.login div.message,
body.login div.success {
  padding: 15px 15px 15px 70px;
  margin-bottom: 20px;
  font-size: 1.6rem;
  line-height: 1.6;
  position: relative;
  --icon-color: #fff;
  --text-color: #3558a2;
  color: var(--text-color);
}
div.notice a, body.login div#login_error a,
body.login div.message a,
body.login div.success a {
  color: var(--text-color) !important;
  text-decoration: underline !important;
}
div.notice a:after, body.login div#login_error a:after,
body.login div.message a:after,
body.login div.success a:after {
  display: none !important;
}
div.notice:before, body.login div#login_error:before,
body.login div.message:before,
body.login div.success:before {
  position: absolute;
  left: 0;
  top: 0;
  background: var(--icon-background);
  width: 50px;
  content: var(--icon);
  aspect-ratio: 1;
  color: var(--icon-color);
  font-size: 2rem;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-clip-path: polygon(0 0, 50% 0, 100% 50%, 50% 100%, 0 50%);
          clip-path: polygon(0 0, 50% 0, 100% 50%, 50% 100%, 0 50%);
}
div.notice.notice--success, body.login div.notice--success#login_error,
body.login div.notice--success.message,
body.login div.notice--success.success {
  --icon: "";
  --icon-background: #3c763d;
  --text-color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}
div.notice.notice--information, body.login div.notice--information#login_error,
body.login div.notice--information.message,
body.login div.notice--information.success {
  --icon: "";
  --icon-background: #3558a2;
  --text-color: #3558a2;
  background-color: #dde9ff;
  border-color: #3558a2;
}
div.notice.notice--warning, body.login div.notice--warning#login_error,
body.login div.notice--warning.message,
body.login div.notice--warning.success {
  --icon: "";
  --icon-background: #8a6d3b;
  --text-color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #faebcc;
}
div.notice.notice--error, body.login div.notice--error#login_error,
body.login div.notice--error.message,
body.login div.notice--error.success {
  --icon: "";
  --icon-background: #a94442;
  --text-color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1;
}

:root {
  font-size: 0.625rem;
}

body.login {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: "Marianne", Helvetica, "Helvetica Neue", Arial, sans-serif;
  background: white;
  padding: 0 var(--spacer-small);
}
body.login * {
  box-sizing: border-box;
}
body.login > * {
  z-index: 1;
}
body.login #login {
  max-width: 480px;
  width: 100%;
  padding: var(--gutter) 0;
  margin: auto auto 0;
}
body.login #login + .language-switcher {
  margin-bottom: auto;
}
body.login #login_error,
body.login .message,
body.login .success {
  border-left: 0;
  font-size: 1.6rem;
  box-shadow: none;
}
body.login #login_error a,
body.login .message a,
body.login .success a {
  color: #3558a2;
  line-height: 1.4rem;
}
body.login h1 a {
  background: url("/app/plugins/ifru/assets/images/ifru-icon.php?width=150&height=150&color=3558a2") no-repeat center center;
  width: 209px;
  height: 172px;
  margin-bottom: 4rem;
  outline: none;
}
body.login form#loginform,
body.login form#lostpasswordform {
  background: #3558a2;
  border-radius: 0;
  border: none;
  color: white;
  box-shadow: none;
  margin: 0;
  padding: var(--spacer-wide);
}
body.login form#loginform label,
body.login form#lostpasswordform label {
  position: static;
  font-family: "Marianne", Helvetica, "Helvetica Neue", Arial, sans-serif;
  font-size: 1.3rem;
  font-weight: 500;
  color: white;
  width: 100%;
}
body.login form#loginform input[type=text],
body.login form#loginform input[type=password],
body.login form#lostpasswordform input[type=text],
body.login form#lostpasswordform input[type=password] {
  border-radius: 0;
  background: none;
  border: 0;
  border-bottom: 1px solid white;
  margin-top: 0;
  margin-bottom: 0;
  color: white;
  font-family: "Marianne", Helvetica, "Helvetica Neue", Arial, sans-serif;
  font-weight: 500;
  font-size: 1.6rem;
  margin-bottom: var(--spacer-wide);
  box-shadow: none;
  transition: all 0.3s;
}
body.login form#loginform input[type=text]:focus,
body.login form#loginform input[type=password]:focus,
body.login form#lostpasswordform input[type=text]:focus,
body.login form#lostpasswordform input[type=password]:focus {
  outline: none;
  box-shadow: none;
}
body.login form#loginform .dashicons-visibility,
body.login form#lostpasswordform .dashicons-visibility {
  color: #3558a2;
}
body.login form#loginform .user-pass-wrap,
body.login form#lostpasswordform .user-pass-wrap {
  margin-top: 1em;
}
body.login form#loginform .forgetmenot,
body.login form#lostpasswordform .forgetmenot {
  margin: 2rem 0 2rem;
  display: inline-block;
  position: relative;
  min-width: 1.4rem;
  min-height: 1.4rem;
}
body.login form#loginform .forgetmenot input,
body.login form#lostpasswordform .forgetmenot input {
  width: 0;
  height: 0;
  margin: 0;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}
body.login form#loginform .forgetmenot label,
body.login form#lostpasswordform .forgetmenot label {
  position: relative;
  padding: 0 0 0 4rem;
  margin: 0;
  font-size: 1.6rem;
  letter-spacing: 0;
  text-transform: none;
  display: flex;
  gap: 1.5rem;
  cursor: pointer;
}
body.login form#loginform .forgetmenot input + label:before,
body.login form#lostpasswordform .forgetmenot input + label:before {
  content: "";
  position: absolute;
  left: 0;
  top: -3px;
  width: 30px;
}
body.login form#loginform .forgetmenot [type=checkbox] + label:before,
body.login form#lostpasswordform .forgetmenot [type=checkbox] + label:before {
  content: "\eb7f";
  color: #ffffff;
  font-family: "remixicon";
  font-size: 2rem;
}
body.login form#loginform .forgetmenot [type=checkbox]:checked + label:before,
body.login form#lostpasswordform .forgetmenot [type=checkbox]:checked + label:before {
  content: "\eb82";
}
body.login form#loginform p + p,
body.login form#lostpasswordform p + p {
  margin-top: 2rem;
}
body.login form#loginform p.submit,
body.login form#lostpasswordform p.submit {
  width: 100%;
  float: none;
  margin-top: 2rem;
}
body.login form#loginform p.submit input,
body.login form#lostpasswordform p.submit input {
  height: inherit;
  font-size: 1.6rem;
  float: none;
  width: 100%;
  transition: color 0.4s ease-in-out, background 0.4s ease-in-out;
  text-align: center;
  justify-content: center;
}
body.login form#loginform p.submit input:focus,
body.login form#lostpasswordform p.submit input:focus {
  box-shadow: none;
}
body.login form#loginform p.submit input:hover, body.login form#loginform p.submit input:focus,
body.login form#lostpasswordform p.submit input:hover,
body.login form#lostpasswordform p.submit input:focus {
  background: #383535;
  color: white;
}
body.login p#nav,
body.login p#backtoblog {
  text-align: center;
  margin-top: var(--gutter);
  font-size: 1.4rem;
}
body.login p#nav a,
body.login p#backtoblog a {
  display: block;
  text-align: center;
  width: 100%;
}
body.login p#nav a:hover, body.login p#nav a:focus,
body.login p#backtoblog a:hover,
body.login p#backtoblog a:focus {
  box-shadow: none;
}
body.login p#nav {
  padding: 0;
}
body.login p#nav a {
  color: #3558a2;
  transition: all 0.4s ease-in-out;
}
body.login p#nav a:hover, body.login p#nav a:focus {
  color: #5d79b5;
  box-shadow: none;
}
@media print, screen and (min-width: 48.875em) {
  body.login p#nav {
    float: right;
  }
  body.login p#nav a {
    text-align: left;
  }
}
body.login p#backtoblog {
  padding: 0 var(--gutter);
}
body.login p#backtoblog a {
  display: inline;
  width: auto;
  color: #3558a2;
  padding-bottom: var(--gutter);
  transition: all 0.4s ease-in-out;
}
body.login p#backtoblog a:hover, body.login p#backtoblog a:focus {
  color: #5d79b5;
}
@media print, screen and (min-width: 48.875em) {
  body.login p#backtoblog {
    max-width: 250px;
    padding: 0;
    float: left;
    text-align: left;
  }
  body.login p#backtoblog a {
    text-align: left;
  }
}
body.login .privacy-policy-page-link {
  margin-top: 5em;
  font-size: 1.4rem;
}
body.login .privacy-policy-page-link a {
  color: #3558a2;
  text-decoration: none;
}
@media print, screen and (min-width: 48.875em) {
  body.login .privacy-policy-page-link {
    margin-top: 10em;
  }
}
body.login form#language-switcher {
  display: flex;
  margin-top: 0;
}
body.login form#language-switcher label,
body.login form#language-switcher select,
body.login form#language-switcher select .dashicons {
  font-size: 1.8rem;
}
body.login form#language-switcher label {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 0.3rem solid #3558a2;
  border-radius: 2em 0 0 2em;
  background: #3558a2;
  color: white;
  border-right: 0;
  padding: 0.5rem 1.5rem;
  margin: 0;
}
body.login form#language-switcher select {
  border-color: #3558a2;
  font-family: "Marianne", Helvetica, "Helvetica Neue", Arial, sans-serif;
  border-radius: 0 2em 2em 0;
  padding-left: 1em;
  padding-right: 4.5rem;
  margin-right: 1em;
  background-size: 1.8rem 1.8rem !important;
  background-position: right 1.5rem top 55%;
  color: #383535 !important;
}
body.login form#language-switcher select:focus {
  outline: none;
}
body.login form#language-switcher .button, body.login form#language-switcher .file-attachment, body.login form#language-switcher .field__input--file::file-selector-button, body.login form#language-switcher form#loginform p.submit input, body.login form#loginform p.submit form#language-switcher input,
body.login form#language-switcher form#lostpasswordform p.submit input,
body.login form#lostpasswordform p.submit form#language-switcher input {
  border-radius: 0;
  line-height: 2.4rem;
  --border-color: #3558a2;
  color: #ffffff;
}
body.login form#language-switcher .button:hover, body.login form#language-switcher .file-attachment:hover, body.login form#language-switcher .field__input--file:hover::file-selector-button, body.login form#language-switcher form#loginform p.submit input:hover, body.login form#loginform p.submit form#language-switcher input:hover,
body.login form#language-switcher form#lostpasswordform p.submit input:hover,
body.login form#lostpasswordform p.submit form#language-switcher input:hover, body.login form#language-switcher .button:focus, body.login form#language-switcher .file-attachment:focus, body.login form#language-switcher .field__input--file:focus::file-selector-button, body.login form#language-switcher form#loginform p.submit input:focus, body.login form#loginform p.submit form#language-switcher input:focus,
body.login form#language-switcher form#lostpasswordform p.submit input:focus,
body.login form#lostpasswordform p.submit form#language-switcher input:focus {
  background: #383535;
}