/* ------ ACCOUNT ------ */
#account {
  display: flex;
  flex-wrap: wrap;
}
#account h1 {
  width: 100%;
  margin-bottom: 25px;
}
#account #account-left {
  position: relative;
  margin: 0 25px 0 0;
  width: calc(33.33% - 25px);
  padding: 20px 25px 25px;
  font: 400 0.95em/1.3em 'Montserrat', sans-serif;
  background: #fff6f3;
}
#account #account-left h2 {
  margin: 0 0 25px;
  font: 600 1em/1.2em 'Montserrat', sans-serif;
  text-transform: uppercase;
}
#account #account-left .account-view {
  overflow: hidden;
  width: 170px;
  height: 170px;
  margin: 0 auto 20px;
  padding: 5px;
  border: 1px solid #ae8769;
}
#account #account-left .account-view img {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
}
#account #account-left .field--name-qrcode {
  max-width: 200px;
  margin: 0 auto 25px;
}
#account #account-left .account-level {
  position: absolute;
  top: 60px;
  left: 190px;
  cursor: help;
}
#account #account-left .vcard > div {
  position: relative;
  padding: 10px 0 10px 12px;
}
#account #account-left .vcard > div:after {
  position: absolute;
  content: "\E810";
  top: 14px;
  left: 0;
  color: #ae8769;
  font: normal 0.9em/1em "Fontello";
}
#account #account-left .vcard > div.name,
#account #account-left .vcard > div span {
  font-weight: 700;
}
#account #account-left .vcard .field--name-voluntary-type .field__label {
  float: none;
}
#account #account-left .vcard .adr span {
  font-weight: normal;
}
#account #account-left .vcard .adr span:first-child {
  font-weight: 600;
}
#account #account-left .vcard .adr .field__label,
#account #account-left .vcard .adr .field__item {
  float: none;
  display: block;
}
#account #account-left .vcard .adr .field--name-field-u-postal-code {
  display: inline-block;
}
#account #account-left .vcard .adr .field--name-field-u-city {
  display: inline-block;
  text-transform: uppercase;
}
#account #account-left svg {
  width: 100%;
  height: auto;
}
#account #account-right {
  position: relative;
  width: 66.66%;
}
#account #account-right .horizontal-tabs {
  border: 0;
}
#account #account-right #account-nav ul {
  display: flex;
  flex-wrap: wrap;
}
#account #account-right #account-nav li {
  font: 400 1.3em/35px 'Montserrat', sans-serif;
  margin: 0 15px 15px 0;
}
#account #account-right #account-nav li a {
  display: block;
  padding: 0 10px;
  color: #FFF;
  background: #c9bfb9;
}
#account #account-right #account-nav li.active a,
#account #account-right #account-nav li.active a:hover {
  background: #d26a45;
  cursor: default;
}
#account #account-right #account-nav li:hover a {
  background: rgba(210, 106, 69, 0.65);
  text-decoration: none;
}
#account #account-right .block-cosm-profile-information-sheet-block,
#account #account-right .block-webform-block {
  padding: 25px;
  background: #fff6f3;
}
#account #account-right .block-cosm-profile-information-sheet-block {
  border-top: 10px solid #c1dbb3;
}
#account #account-right .account-title {
  font: 600 1.8em/1em 'Cormorant Garamond', serif;
  margin-bottom: 15px;
}
#account #account-right #user-parameters-form .form-item {
  margin-bottom: 30px;
}
#account #account-right #user-parameters-form label {
  display: block;
  font: 600 1em/1.4em 'Montserrat', sans-serif;
  color: #ae8769;
}
#account #account-right #user-parameters-form input {
  width: 50%;
}
#account #account-right #user-parameters-form input#edit-submit {
  width: auto;
}
#account #account-right #user-parameters-form #edit-field-u-iban-wrapper input {
  width: 100%;
}
#account #account-right #user-parameters-form a#edit-unsubscribe {
  float: right;
  display: inline-block;
  padding: 0 20px;
  margin: 0;
  font: 1em/33px 'Montserrat', sans-serif;
  color: #FFF;
  border: 1px solid #ae8769;
  text-decoration: none;
  background: #ae8769;
}
#account #account-right #user-parameters-form a#edit-unsubscribe:hover {
  color: #ae8769;
  background: #FFF;
}
#account #account-right #user-parameters-form .field--name-field-u-iban fieldset {
  margin: 0 !important;
}
#account .horizontal-tabs {
  border: 1px solid rgba(32, 62, 90, 0.25);
  border-top: 0;
}
#account .horizontal-tabs ul.horizontal-tabs-list {
  display: table;
  width: calc(100% + 2px);
  margin: 0 -1px;
  border-width: 0;
  background: none;
}
#account .horizontal-tabs ul.horizontal-tabs-list li {
  float: none;
  display: table-cell;
  min-width: 0;
  padding: 0 2px 0 0;
  font: 700 1em/40px 'Montserrat', sans-serif;
  text-align: center;
  border: 0;
  background: transparent;
}
#account .horizontal-tabs ul.horizontal-tabs-list li:last-child {
  padding-right: 0;
}
#account .horizontal-tabs ul.horizontal-tabs-list li a {
  display: block;
  color: #181818;
  padding: 0;
  background: rgba(32, 62, 90, 0.25);
  border: 1px solid rgba(32, 62, 90, 0.25);
  border-bottom: 0;
  border-radius: 2px 2px 0 0;
}
#account .horizontal-tabs ul.horizontal-tabs-list li.selected a,
#account .horizontal-tabs ul.horizontal-tabs-list li.selected a:hover {
  padding: 0 2px 0 0;
  background: #FFF;
  cursor: default;
}
#account .horizontal-tabs ul.horizontal-tabs-list li:hover a {
  background: rgba(32, 62, 90, 0.15);
  text-decoration: none;
}
.sensitive-skin-question-form h2 {
  color: #d26a45;
  text-align: center;
}
.sensitive-skin-question-form figure {
  margin: 1em 5% 35px;
  font-style: italic;
  text-align: center;
}
.sensitive-skin-question-form .highlight {
  margin-top: 25px;
  color: #d26a45;
  text-align: center;
}
.sensitive-skin-question-form .form-radios {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  text-transform: uppercase;
}
.sensitive-skin-question-form .form-radios .form-type-radio {
  color: #d26a45;
  margin: 0 10px;
}
.sensitive-skin-question-form .form-radios label {
  font-weight: bold;
}
@media only screen and (max-width: 900px) {
  #account #account-left {
    width: 100%;
    margin: 0 0 35px 0;
  }
  #account #account-right {
    width: 100%;
  }
  #account #account-right #user-parameters-form input#edit-submit {
    width: 100%;
    margin: 0 0 20px;
  }
  #account #account-right #user-parameters-form input {
    width: 100%;
  }
}