/*
  Theme Name: Factoria Creativa Child
  Theme URI: https://www.factoriacreativabarcelona.es/
  Description:  A lightweight and minimalist WordPress theme for Factoria Creativa
  Author: Factoria Creativa
  Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
  Template: factoria-creativa
  Text Domain: factoria-creativa-child
  Stable tag: 2.8.1
  Requires at least: 5.9
  Tested up to: 6.2
  Requires PHP: 8.0
  License: GNU General Public License v3 or later.
  License URI: https://www.gnu.org/licenses/gpl-3.0.html
*/

/************************************************General**********************************************************/

/* @import url("https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;800&family=Gilda+Display&display=swap"); */

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

:root {
  /********************General**********************************/
  --fc-main-padding: 0 5rem;
  --fc-main-vertical-padding: 5rem 0rem;
  --fc-secondary-content: 160rem;
  --fc-main-content: 140rem;
  --fc-main-width: 192rem;
  --fc-max-width: 100%;

  --fc-main-gap: 6rem;

  /*********************Fonts*****************************/
  --fc-main-font: "Montserrat", sans-serif;
  /******************Colors*******************************/
  --fc-color-main-text: #000;
  --fc-color-gray: #757575;
  --fc-color-verde: #73a636;
  --fc-color-light-green: #d6e2c2;
  --fc-color-secondary-gray: rgba(129, 131, 133, 0.1);
  /* Primary p */
}

html {
  /* font-size: 10px; */
  /* 10px/16px = 0.625 */
  font-size: 62.5%;
  font-family: var(--fc-main-font);
  overflow-x: hidden;
  /* May not work on Safari */
  scroll-behavior: smooth;
}

body {
  font-family: var(--fc-main-font);
  color: var(--fc-color-main-text);
  max-width: var(--fc-max-width);
  margin: 0 auto !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}

body p {
  margin-bottom: 2rem;
}

div p:last-of-type {
  margin-bottom: 0;
}

body h1 {
  /* font-family: var(--fc-secondary-font);
  font-size: 7rem;
  font-weight: 400;
  line-height: 1.2; */
  margin: 0;
  margin-bottom: 3rem;
}

body h2 {
  margin-bottom: 2.5rem;
}

body h3 {
  margin-bottom: 1rem;
}

img {
  display: block;
  width: 100%;
  height: 100%;
}

ul:not([class]),
ol:not([class]) {
  margin-bottom: 2rem;
  margin-left: 2rem;
}

a {
  color: var(--fc-color-verde);
  font-weight: 500;
  text-decoration: none;
}

/************************************General Fonts************************************/

.factoria__h1,
h1 {
  font-size: 2.3rem;
  font-weight: 300;
  line-height: 1.1;
  margin: 0;
}

.factoria__h2,
h2 {
  margin: 0;
  font-size: 1.7rem;
  font-weight: 600;
}

h3 {
  margin: 0;
  font-size: 1.4rem;
  font-weight: 600;
}

.factoria__paragraphs,
p,
li {
  margin: 0;
  font-size: 1.7rem;
  font-weight: 300;
  line-height: 1.5;
}

.factoria__h3,
h3 {
  margin: 0;
  font-weight: 600;
}

.factoria__auth-labels {
  font-size: 1.7rem;
  font-weight: 500;
  line-height: 1.7;
  margin-bottom: 0.8rem;
}

/***********************General Styles***************************/

.factoria__main-content {
  width: 100%;
  padding: var(--fc-main-padding);
  display: flex;
  justify-content: center;
  max-width: var(--fc-max-width);
  margin: 0 auto;
}

.factoria__inner-content {
  max-width: var(--fc-main-width);
  width: 100%;
}

#factoria-main-content {
  padding: var(--fc-main-vertical-padding);
}

.factoria__fit-content {
  max-width: var(--fc-main-content);
}

#cmplz-document {
  max-width: 100%;
}

#cmplz-manage-consent {
  display: none;
}

.grecaptcha-badge {
  opacity: 0;
  pointer-events: none;
}

/*************************************Gtranslate************************************/

.gtranslate_wrapper {
  display: flex;
  gap: 3.6rem;
}

.gtranslate_wrapper .glink {
  position: relative;
  color: #fff;
  font-size: 1.4rem;
  font-weight: 500;
  margin: auto 0;
}

.gt-current--lg {
  font-size: 1.8rem;
  line-height: 1.1;
  font-weight: 400;
  text-transform: uppercase;
  color: var(--fc-color-black, #484848);
}

.gtranslate_wrapper .glink:not(:last-of-type)::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  height: 110%;
  width: 1px;
  background-color: #fff;
  transform: translate(1.8rem, -1rem);
}

.header_menu_one > .menu-item.has_submenu::after {
  content: "\f107";
  cursor: pointer;
  float: right;
  border: none;
  font-family: "FontAwesome";
  position: absolute;
  right: -20px;
  top: 60%;
  transform: translateY(-60%);
  transition: all 0.25s ease-in;
  font-size: 1.5rem;
  color: var(--fc-color-black, #484848);
}

.factoria-translate--inner {
  --fc-gtranslate-height: 3.4rem;
  display: flex;
  justify-content: flex-end;
  min-height: var(--fc-gtranslate-height);
}

.factoria-translate {
  background-color: #000;
}

.single-book__rights--elment__icon {
    width: 1.2rem;
}

/****************************Copyright*******************************/

.copyright-text {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.1;
  display: inline;
  color: #fff;
  a {
    display: inline;
    text-decoration: none;
    font-weight: 400;
    color: #fff;
  }
  p {
    display: inline;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.1;
  }
}

/*******************************************Header*******************************************/

.factoria-header--inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.header_menu_one {
  display: flex;
  align-items: center;
  gap: 2.4rem;
  list-style: none;
}

.header_menu_one .item-anchor {
  font-weight: 500;
  font-size: 1.4rem;
  line-height: 1.2;
  text-transform: uppercase;
  text-decoration: none;
  color: var(--fc-color-gray);
}

.header_menu_one .active .item-anchor {
  color: var(--fc-color-main-text);
  font-weight: 500;
}

.factoria-header {
  min-height: 4.3rem;
  align-items: flex-end;
}

.factoria-header__block-two {
  display: flex;
  align-items: center;
  gap: 2.4rem;
}

.factoria-header__block-two > button {
  padding: 0;
  background-color: transparent;
  border: none;
  font-weight: 500;
  font-size: 1.4rem;
  color: var(--fc-color-verde);
  cursor: pointer;
}

.factoria-header--inner-mobile {
  display: none;
}

.factoria-header__block-two > a {
  font-size: 1.4rem;
  font-weight: 500;
  text-transform: uppercase;
}

/******************************Authentication Banner *************************************************/

/**********************authentication form ********************************/

.authentication-form--inner__content {
  padding: 2.6rem 5.8rem 2.6rem 6.4rem;
  background-color: var(--fc-color-light-green);
}

.authentication-form {
  position: fixed;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  background-color: rgba(255, 255, 255, 0.6);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 999;
  pointer-events: none;
  transition: all 0.3s ease-in;
}

.register-open .authentication-form,
.login-open .authentication-form,
.password-open .authentication-form,
.email-open .authentication-form {
  opacity: 1;
  transition: all 0.3s ease-out;
  pointer-events: all;
}

.authentication-form--inner {
  width: 100%;
  max-width: 100rem;
  background-color: #fff;
  transform: translateX(100%);
  transition: all 0.3s ease-in;
  padding: 3rem;
  box-shadow: rgba(214, 226, 194, 1) 0px 5px 15px;
}

.register-open .authentication-form--inner,
.login-open .authentication-form--inner,
.password-open .authentication-form--inner,
.email-open .authentication-form--inner {
  transform: translateX(0);
  transition: all 0.3s ease-out;
}

.authentication-form--inner__close {
  position: absolute;
  top: 1rem;
  right: 1rem;
}

#bb_child_close_auth {
  padding: 0;
  background: transparent;
  border: none;
  font-size: 1.6rem;
  cursor: pointer;
  color: #000;
}

#bb_child_close_auth .fa-x {
  /* font-size: 2.5rem; */
}

.authentication-form--inner__buttons {
  display: flex;
  align-items: center;
  gap: 5rem;
}

.authentication-form--inner__buttons button {
  font-size: 3rem;
  font-weight: 500;
  line-height: 1.8;
  color: #a088ff;
  padding: 0;
  background-color: transparent;
  border: none;
}
.authentication-form--inner__buttons button:hover,
.authentication-form--inner__buttons button:focus {
  background-color: transparent;
}

#custom-login-form,
.custom_register_form,
#custom-forgot-password-form,
#custom-resend-activation-form {
  display: none;
  flex-direction: column;
  gap: 2rem;
}

.authentication-form__register-selector .button-paper,
.custom_register_form .button-paper {
  align-self: flex-start;
  padding: 1rem 2.8rem;
  font-size: 2.5rem;
  font-weight: 500;
  color: var(--pt-text-color);
}

.login-form__content,
.register-form__content {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}

.login-form__content__inputs,
.register-form__content__inputs {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.login-form__content__inputs__input {
  position: relative;
}

.login-form__content__inputs__input input {
  width: 100%;
  border: none;
  border-bottom: 0.5px solid #fff;
  border-radius: 0;
  font-size: 1.6rem;
  line-height: 1;
  padding: 0.3rem 1rem;
}

.login-form__content__inputs__input input::placeholder {
  text-transform: uppercase;
  font-weight: 500;
}

.lost-password__custom-link {
  color: #000;
  margin-bottom: 0;
  text-decoration: underline;
}

.field-icon {
  position: absolute;
  top: 0;
  right: 2.5rem;
  transform: translate(50%, 50%);
  z-index: 2;
  cursor: pointer;
  font-size: 1.3rem;
  opacity: 0.7;
}

.login-open #custom-login-form {
  display: flex;
}

.authentication-form__register-selector .supplymenow__p__baner_tag {
  text-align: left;
  color: #fff;
}

.authentication-form__register-selector__supplier__content {
  color: #fff;
}

.authentication-form__register-selector__user__content {
  color: #fff;
}

.authentication-form__register-selector__supplier,
.authentication-form__register-selector__user {
  display: flex;
  flex-direction: column;
  gap: 3rem;
}

.register-open #custom-register-form {
  display: flex;
}

.email-open #custom-resend-activation-form {
  display: flex;
}

.password-open #custom-forgot-password-form {
  display: flex;
}

.custom_register_policies {
  display: flex;
  gap: 5px;
  align-items: center;
  font-size: 1.2rem;
  text-align: left;
  color: #fff;
  a {
    color: #fff;
    text-decoration: underline;
    &:hover {
      color: #fff;
    }
  }
  input {
    margin-bottom: 2px;
  }
}

.login-form__first-block {
  display: flex;
  justify-content: space-between;
  gap: 7rem;
}

.login-form__first-block__left-block {
  max-width: 53.2rem;
  width: 100%;
}

#register-form-89,
#login-form-89,
#login-recover-89,
#back-to-login-from-resend {
  background: none;
  border: none;
  text-transform: uppercase;
  text-decoration: underline;
  cursor: pointer;
  color: #000;
}

.login-form__first-block__right-block {
  display: flex;
  flex-direction: column;
  gap: 1.6rem;
  align-items: flex-start;
}

.login-form__second-block {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  gap: 7rem;
}

.factoria__login-submit {
  display: flex;
  align-items: center;
  gap: 0.8rem;
  background-color: transparent;
  border: none;
  cursor: pointer;
}

.factoria__login-submit > span {
  font-size: 1.9rem;
  font-weight: 500;
  line-height: 1;
  text-transform: uppercase;
  color: var(--fc-color-main-text);
}

.factoria__login-submit svg {
  height: 1.1rem;
}

.login-form__second-block__left-block {
  display: flex;
  flex-direction: column;
}

/***********************Custom checkbox *********************************************************/

.checkbox-wrapper-61 input[type="checkbox"] {
  visibility: hidden;
  display: none;
}

.checkbox-wrapper-61 *,
.checkbox-wrapper-61 ::after,
.checkbox-wrapper-61 ::before {
  box-sizing: border-box;
}

.checkbox-wrapper-61 {
  position: relative;
  display: block;
  overflow: hidden;
}

.checkbox-wrapper-61 .check {
  width: 50px;
  height: 50px;
  position: absolute;
  opacity: 0;
}

.checkbox-wrapper-61 .label svg {
  vertical-align: middle;
  width: 2.8rem;
  height: 2.8rem;
}

.checkbox-wrapper-61 .label span {
  font-size: 1.3rem;
}

.checkbox-wrapper-61 .label span a {
  color: #000;
  text-decoration: underline;
}

.checkbox-wrapper-61 .path1 {
  stroke-dasharray: 400;
  stroke-dashoffset: 400;
  transition: 0.5s stroke-dashoffset;
  opacity: 0;
}

.checkbox-wrapper-61 .check:checked + label svg g path {
  stroke-dashoffset: 0;
  opacity: 1;
}

/***************************Custom checkbox 2 ************************************************/

 .checkbox-wrapper-32 {
    --size: 20px;
    --border-size: 2px;

    position: relative;
    margin-top: 2rem;
  }

  .checkbox-wrapper-32 *,
  .checkbox-wrapper-32 *::after,
  .checkbox-wrapper-32 *::before {
    box-sizing: border-box;
  }

  .checkbox-wrapper-32 input[type="checkbox"] {
    display: inline-block;
    vertical-align: middle;
    opacity: 0;
  }

  .checkbox-wrapper-32 input[type="checkbox"],
  .checkbox-wrapper-32 label::before {
    width: var(--size);
    height: var(--size);
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
  }

  .checkbox-wrapper-32 label {
    display: inline-block;
    position: relative;
    padding: 0 0 0 calc(var(--size) + 7px);
  }

  .checkbox-wrapper-32 label::before {
    content: '';
    border: var(--border-size) solid #000;
    opacity: 0.7;
    transition: opacity 0.3s;
  }

  .checkbox-wrapper-32 input[type="checkbox"]:checked + label::before {
    opacity: 1;
  }

  .checkbox-wrapper-32 svg {
    position: absolute;
    top: calc(50% + var(--border-size));
    left: var(--border-size);
    width: calc(var(--size) - (var(--border-size) * 2));
    height: calc(var(--size) - (var(--border-size) * 2));
    margin-top: calc(var(--size) / -2);
    pointer-events: none;
  }

  .checkbox-wrapper-32 svg path {
    stroke-width: 0;
    fill: none;
    transition: stroke-dashoffset 0.2s ease-in 0s;
  }

  .checkbox-wrapper-32 svg path + path {
    transition: stroke-dashoffset 0.2s ease-out 0.2s;
  }

  .checkbox-wrapper-32 input[type="checkbox"]:checked ~ svg path {
    stroke-dashoffset: 0;
    stroke-width: calc(var(--size) / 2);
  }

/*********************************Custon checbox contact page ****************************************/

.checkbox-wrapper-62 input[type="checkbox"] {
  visibility: hidden;
  display: none;
}

.checkbox-wrapper-62 *,
.checkbox-wrapper-62 ::after,
.checkbox-wrapper-62 ::before {
  box-sizing: border-box;
}

.checkbox-wrapper-62 {
  position: absolute;
  top: 0;
  left: 0;
  transform: translate(-34%, -18%);
  display: block;
  overflow: hidden;
}
.checkbox-wrapper-62 .check {
  width: 50px;
  height: 50px;
  position: absolute;
  opacity: 0;
}
.checkbox-wrapper-62 .label svg {
  vertical-align: middle;
  width: 2.4rem;
  height: 2.4rem;
}
.checkbox-wrapper-62 .path1 {
  stroke-dasharray: 400;
  stroke-dashoffset: 400;
  transition: 0.5s all;
}
.checkbox-wrapper-62 .check:checked + label svg g path {
  stroke-dashoffset: 0;
}

#yourConsent {
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
}

.form-shared__submit--button {
  position: relative;
  display: flex;
  align-items: center;
  gap: 0.7rem;
  cursor: pointer;
}

.form-shared__submit--button > span {
  position: absolute;
  left: 0;
  top: 0;
  transform: translateX(-200%);
}

.form-shared__submit--button input,
.account-page-submit button {
  background: none;
  border: none;
  font-weight: 500;
  font-size: 1.9rem;
  text-transform: uppercase;
  color: var(--fc-color-verde);
  line-height: 2.7rem;
}

.form-shared__submit--button svg {
  width: 0.5rem;
  path {
    fill: var(--fc-color-verde);
  }
}

/****************************************************Home*******************************************/
.home-page {
  max-width: 108.5rem;
}

.home-page__main-wrapper--inner {
  width: 100%;
}

.home-page--inner {
  display: flex;
  gap: 2.8rem;
  margin-top: 1rem;
}

.home-page--inner > div {
  flex: 1;
}

.home-page__main-wrapper {
  min-height: calc(100vh - 12.5rem);
  display: flex;
  justify-content: center;
  align-items: center;
}

.home-page__section-one--inner {
  max-width: 140rem;
  width: 100%;
  display: flex;
  gap: 4rem;
  padding-top: 1.9rem;
}

.home-page__left-block {
  padding-left: 0.9rem;
}

.home-page__section-one--inner img {
  height: auto;
}

.home-page__section-one--text > img {
  max-width: 66rem;
}

.home-page__section-one--logo > img {
  max-height: 10rem;
}

.home-page__right-block strong {
  color: var(--fc-color-verde);
}

.home-page__section-two--inner {
  max-width: 160rem;
  width: 100%;
  visibility: hidden;
  opacity: 0;
}

.home-page__section-two--inner.slick-slider {
  visibility: visible;
  opacity: 1;
}

.home-page__section-two__collection-item--wrapper {
  margin: 0 0.9rem;
}

.home-page__section-two__collection-item--wrapper a {
  color: #000;
}

.collection-page__grid .home-page__section-two__collection-item--wrapper {
  margin: 0;
}

.home-page__section-two__collection-item {
  position: relative;
  display: flex;
  align-items: flex-end;
  aspect-ratio: 258/281;
  width: 100%;
  height: auto;
}

.slick-initialized .home-page__section-two__collection-item.slick-slide {
  display: flex;
  align-items: flex-end;
}

.home-page__section-two__collection-item > img {
  position: absolute;
  top: 0;
  left: 0;
  object-fit: cover;
  z-index: -1;
}

.home-page__section-two__collection-item--text {
  background-color: rgba(229, 231, 232, 0.8);
  width: 100%;
  text-align: center;
  min-height: 2.3rem;
  display: flex;
  justify-content: center;
  align-items: center;
}

.home-page__section-two {
  padding-bottom: 3rem;
  padding-top: 2.8rem;
}

.collection-item--text {
  font-weight: 500;
  font-size: 1.4rem;
  line-height: 1.14;
  text-align: center;
  text-transform: uppercase;
}

#left-arrow-89 svg {
  position: absolute;
  top: 0;
  left: 0;
}

#right-arrow-89 svg {
  position: absolute;
  top: 0;
  right: 0;
}

.home-page__section-one--logo-mobile {
  display: none;
}

.collection-page__secondary-logo {
  margin-top: 1.8rem;
}

.partners-loop--element {
  margin: 0 9rem;
}

/*****************************Footer******************************************/

.factoria-footer {
  background-color: #000;
}

.factoria-footer__block-one {
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #fff;
  min-height: 4.9rem;
}

.factoria-footer__block-one > div {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0.2rem;

  p,
  a {
    font-size: 1.4rem;
    color: #fff;
    font-weight: 500;
  }
}

.factoria-footer__block-two {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 0.5rem;
  border-top: 1px solid #fff;
}

.footer__secondary-block--kit > img {
  max-width: 28rem;
  height: auto;
}

.legal_menu_one {
  display: flex;
  gap: 3rem;
  list-style: none;
  a {
    font-size: 1rem;
    font-weight: 400;
    line-height: 1;
    color: #fff;
  }
}

.legal_menu_one .menu-item {
  font-size: 1.3rem;
  line-height: 1.1;
}

/***************************************Images Page *****************************************/

.gallery-page {
  flex-direction: column;
  justify-content: center;
  gap: 1rem;
  min-height: calc(100vh - 12.5rem);
  max-width: var(--fc-main-width);
}

.gallery-page--inner {
  display: flex;
  /* min-height: calc(100vh - 12.5rem); */
  gap: 1.8rem;
  align-items: flex-start;
}

#galleryFilterForm > label {
  color: var(--fc-color-verde);
}

.gallery-page__filter {
  max-width: 16rem;
  width: 100%;
  background-color: var(--fc-color-secondary-gray);
  margin-bottom: 1.3rem;
}

.gallery-page__filter form {
  display: flex;
  flex-direction: column;
  padding: 1rem;
}

.gallery-page__grid {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 1.8rem;
}

.gallery-page--logo {
  display: flex;
  align-items: center;
  gap: 6rem;
  margin-top: 1rem;
}

.custom-dropdown.hide .custom-dropdown-options {
  display: none;
}

.custom-dropdown-options {
  list-style: none;
  padding-left: 1.7rem;
}

.custom-dropdown-options > li {
  font-size: 1.4rem;
  text-transform: uppercase;
  line-height: 1.6;
  cursor: pointer;
  color: var(--fc-color-gray);
}

.custom-dropdown-options > li.selected {
  font-weight: 600;
  color: var(--fc-color-verde);
}

label[for="collection"] {
  margin-top: 1.6rem;
  margin-left: 0;
}

.filter-form__title--tag {
  font-weight: 600;
  font-size: 1.4rem;
  line-height: 1.9;
  text-transform: uppercase;
  color: var(--fc-color-verde);
  margin-top: 1.6rem;
  margin-bottom: 0.8rem;
}

.gallery-page__filter label {
  font-style: normal;
  font-weight: 600;
  font-size: 1.4rem;
  line-height: 1.9;
  text-transform: uppercase;
  color: var(--fc-color-gray);
}

.gallery-page__filter--back {
  border-bottom: 1px solid #000;
  display: flex;
  justify-content: flex-end;
}

.gallery-page__filter--back button {
  border: none;
  background-color: transparent;
  cursor: pointer;
  padding-right: 0.8rem;
}

.gallery-page__filter .nice-select {
  height: 3rem;
  line-height: 3rem;
  outline: 0;
  padding-left: 1rem;
}

.gallery-page__filter .nice-select .current {
  display: inline-block;
  width: 100%;
  overflow: hidden;
}

.gallery-page--logo .home-page__section-one--logo > img {
  max-height: 7rem;
  width: auto;
}

.custom-dropdown__label-wrapper {
  display: flex;
  align-items: center;
  gap: 0.7rem;
  cursor: pointer;
}

.custom-dropdown .custom-dropdown__label-wrapper svg {
  transition: all 0.3s ease-in;
  transform: rotateZ(0);
}

.custom-dropdown.hide .custom-dropdown__label-wrapper svg {
  transition: all 0.3s ease-out;
  transform: rotateZ(-90deg);
}

#collection {
  visibility: hidden;
  opacity: 0;
  height: 3rem;
}

.gallery-page__pagination,
.collection-page__grid--wrapper .pagination {
  font-size: 1.4rem;
  display: flex;
  gap: 1rem;
  align-items: center;
  justify-content: flex-end;
  margin-top: 0.8rem;
}

.gallery-page__pagination .page-numbers,
.collection-page__grid--wrapper .page-numbers {
  font-weight: 400;
  color: var(--fc-color-gray);
}

.gallery-page__pagination .page-numbers.current,
.collection-page__grid--wrapper .page-numbers.current {
  font-weight: 600;
  color: var(--fc-color-verde);
}

.gallery-page__pagination .page-numbers.next,
.gallery-page__pagination .page-numbers.prev,
.collection-page__grid--wrapper .page-numbers.next,
.collection-page__grid--wrapper .page-numbers.prev {
  font-weight: 600;
  color: var(--fc-color-verde);
}

.gallery-page__pagination .page-numbers > svg,
.collection-page__grid--wrapper .page-numbers > svg {
  height: 10px;
  path {
    fill: var(--fc-color-gray);
  }
}

.nice-select .option {
  font-size: 1.4rem;
}

.gallery-page__pictures {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

#resetFilters {
  font-size: 1.4rem;
  text-transform: uppercase;
  font-weight: 500;
  border: none;
  text-decoration: underline;
  cursor: pointer;
  text-align: left;
  color: #000;
}

.gallery-page__grid__element {
  overflow: hidden;
  position: relative;
}

.gallery-page__grid__element i {
  position: absolute;
  pointer-events: none;
  top: 0;
  right: 7px;
  color: #fff;
  font-size: 4rem;
  z-index: 9;
  font-style: normal;
  opacity: 0;
  transition: all 0.3s ease-in;
}

.gallery-page__grid__element img {
  transition: all 0.3s ease-in;
}

.gallery-page__grid__element:hover img {
  transform: scale(1.1);
  transition: all 0.3s ease-out;
  cursor: zoom-in;
}

.gallery-page__grid__element:hover i {
  opacity: 1;
  transition: all 0.3s ease-out;
}

.gallery-page__grid__element--information {
  display: none;
  position: absolute;
  pointer-events: none;
  bottom: 5%;
  left: 10%;
  width: 80%;
  /* display: flex; */
  flex-direction: column;
  gap: 0.2rem;
  opacity: 0;
  transition: all 0.3s ease-in;
}

.gallery-page__grid__element:hover .gallery-page__grid__element--information {
  opacity: 1;
  transition: all 0.3s ease-out;
}

.gallery-page__grid__element--information > p {
  margin: 0;
  padding: 0 1rem;
  background-color: rgba(255, 255, 255, 0.8);
}

.gallery-page__grid__element--collection {
  font-weight: 600;
}

.gallery-page__grid__element--title {
  font-size: 1.4rem;
  line-height: 1.1;
}

/**************************************About Page ****************************************/

.about-page {
  min-height: calc(100vh - 12.5rem);
}

.about-page__section-one {
  display: flex;
  align-items: center;
  gap: 4rem;
}

.about-page--inner {
  display: flex;
  align-items: flex-start;
  max-width: 97rem;
  gap: 4rem;
  margin-top: 8rem;
}

.about-page__section-two__information {
  display: flex;
  gap: 2rem;
  align-items: flex-start;
  padding-left: 1rem;
}

.about-page__section-one--logo > img {
  min-width: 11.3rem;
  height: auto;
}

.about-page__section-two__secondary-logo > img {
  max-width: 66.2rem;
  height: auto;
}

.about-page__section-two--imge > img {
  width: 25.8rem;
  aspect-ratio: 1/1;
  height: auto;
}

.about-page__section-two {
  display: flex;
  flex-direction: column;
  gap: 4rem;
}

.about-page__section-two--text {
  padding-right: 0.1rem;
}

.about-page__section-two__secondary-logo .about-page__section-one--logo {
  display: none;
}

/**********************************Collection Page *****************************************/
.collection-page--inner.factoria__inner-content {
  display: flex;
  gap: 6rem;
  min-height: calc(100vh - 12.5rem);
  padding: 3rem 0 1rem 0;
}

.collection-page__header-logo > img {
max-height: 7rem;
    width: auto;
}

.collection-page__secondary-logo > img {
  max-width: 40.6rem;
  height: auto;
}

.collection-page__header {
  padding-left: 4.8rem;
}

.collection-page__grid {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 1.8rem;
}

.collection-page__information {
  display: flex;
  flex-direction: column;
  /* justify-content: space-between; */
  flex: 1;
}

.collection-page__grid .home-page__section-two__collection-item {
  margin: 0;
}

.contact-page--inner {
  max-width: 110rem;
  min-height: calc(100vh - 12.5rem);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.contact-page--title {
  font-weight: 500;
  font-size: 1.9rem;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  color: var(--fc-color-gray);
}

.contact-page--image {
  margin-right: 2.7rem;
}

.form-shared__inputs-wrapper {
  display: flex;
  gap: 1.8rem;
}

.form-shared__input-group--input {
  display: flex;
  align-items: center;
  border-bottom: 1px solid var(--fc-color-gray);
}

.form-shared__input-group--input.textarea {
  align-items: start;
}

.form-shared__input-group--input > label {
  display: flex;
  gap: 0.3rem;
  font-size: 1.4rem;
  font-weight: 600;
  line-height: 1.8rem;
  text-transform: uppercase;
  max-width: 25rem;
  width: 100%;
}

.form-shared__input-group.secondary-group
  .form-shared__input-group--input
  > label {
  max-width: 16rem;
  width: 14.6rem;
}

.form-shared__input-group--input > label.required::after {
  content: " *";
  color: red;
}

.form-shared__input-group--input input {
  font-size: 1.4rem;
  text-transform: uppercase;
  padding: 0.7rem 2.2rem;
  border: none;
}

.form-shared__input-group.secondary-group
  .form-shared__input-group--input
  input {
  padding-left: 0;
}

.form-shared__input-group--input.textarea {
  padding-top: 0.7rem;
  padding-bottom: 0.8rem;
}

.form-shared__input-group--input.textarea span {
  flex: 1;
  font-size: 1.4rem;
  text-transform: uppercase;
}

.form-shared__input-group--input.textarea span textarea::placeholder {
  font-size: 1.4rem;
  text-transform: uppercase;
}

.form-shared__input-group--input .wpcf7-not-valid-tip {
  position: absolute;
  top: 0;
  right: 0;
}

.form-shared__input-group--input.textarea .wpcf7-not-valid-tip {
  top: unset;
  bottom: 0;
  font-size: 1rem;
  text-transform: initial;
}

textarea {
  resize: none;
  border: none;
  padding: 0.2rem 0;
}

.form-shared__submit {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 1.2rem;
}

.form-shared__acceptance {
  position: relative;
}

.form-shared__acceptance .wpcf7-list-item {
  margin: 0;
}

.form-shared__acceptance .wpcf7-list-item > label {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.single-book.right-block__title--wrapper {
  margin-top: 2.5rem;
}

.form-shared__acceptance .wpcf7-list-item-label span {
  font-style: italic;
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 1;
}

.single-book__title--label {
  margin: 0;
}

.single-book__title--text {
  font-size: 1.7rem;
  font-weight: 600;
  margin: 0;
}

.collection-page__header-logo--text {
  max-width: 36rem;
  height: auto;
}

.collection-page__secondary-logo .collection-page__header-logo {
  display: none;
}

/*********************************Single Book Cover ****************************************/
.single-book--inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
  min-height: calc(100vh - 12.5rem);
  max-width: var(--fc-main-width);
  width: 100%;
}

.single-book--product {
  position: relative;
  display: flex;
  gap: 1.9rem;
  max-width: 112rem;
  width: 100%;
}

.single-book--breadcrumb {
  max-width: 112rem;
  width: 100%;
}

.single-book--breadcrumb p {
  font-size: 1.4rem;
  color: #000;
  line-height: 1;
  font-weight: 500;
}

.single-book--breadcrumb svg {
  height: 8px;
}

.single-book--breadcrumb > a {
  display: flex;
  align-items: center;
  gap: 0.6rem;
}

.single-book .left-block img {
  max-width: 40rem;
  aspect-ratio: 534 / 801;
  height: auto;
  width: 100%;
}

.single-book .right-block {
  flex: 1;
}

.single-book.left-block--img {
  position: relative;
}

.single-book__left-block--img--overlay-text {
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0;
  padding: 0.4rem 0;
  background: rgba(229, 231, 232, 0.8);
  > p {
    font-weight: 500;
    font-size: 1.4rem;
    line-height: 1.6rem;
    text-align: center;
    letter-spacing: 0.4px;
    color: #2f3238;
    text-transform: uppercase;
  }
}

.single-book .right-block > div {
  margin-bottom: 2.8rem;
}

.home-page__section-one--logo {
  padding-left: 4.8rem;
}

.single-book--logo {
  align-self: flex-start;
  display: flex;
  align-items: center;
  gap: 6rem;
    margin-top: 3rem;
}

.single-book--logo .home-page__section-one--logo > img {
max-height: 7rem;
    width: auto;
}

.single-book--logo > img {
  max-width: 40.6rem;
  height: auto;
}

.toggle-favorite {
  display: flex;
  align-items: center;
  gap: 1rem;
  font-size: 1.6rem;
  text-transform: uppercase;
  font-weight: 500;
  line-height: 1;
}

.single-book__title {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.single-book.right-block--title {
  margin-bottom: 1.2rem;
}

.single-book__rights--elment {
  align-items: center;
  display: flex;
  gap: 0.8rem;
}

.single-book.right-block__contact {
  margin-bottom: 0;
}

.single-book.right-block__contact > a {
  font-size: 1.9rem;
}

.single-book.right-block__conditions > a {
  text-decoration: underline;
  font-style: italic;
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 2.6rem;
  text-decoration-line: underline;
  color: #000000;
}

.right-block__conditions--text > p {
  margin-bottom: 0;
}

.single-book--arrows {
  position: absolute;
  top: 50%;
}

.single-book--arrows.disable svg path {
  opacity: 0.4;
  pointer-events: none;
}

.single-book__left-arrow {
  left: -10rem;
  transform: translate(-50%, -50%);
}

.single-book__right-arrow {
  right: -10rem;
  transform: translate(0, -50%);
}

/**********************************Modal***********************************************************/

#factoria_modal_89 {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  justify-content: center;
  align-items: center;
  background-color: rgba(255, 255, 255, 0.8);
  margin: 0 auto;
}

#factoria_modal_89 .modal_content_89 {
  position: relative;
  max-width: var(--fc-main-width);
  width: 75%;
  padding: 8rem 9rem;
  box-shadow: 0px 0px 20px rgba(115, 166, 54, 0.6);
  background-color: #fff;
}

#factoria_modal_89 .modal_content_89 .close_86 {
  position: absolute;
  top: 1.9rem;
  right: 1.5rem;
  cursor: pointer;
}
.terms-block--wrapper {
  display: flex;
  gap: 1rem;
}

.terms-block--wrapper > div {
  flex: 1;
}

.terms-block p {
  font-size: 1rem;
}

.terms-block > h2 {
  font-size: 1.2rem;
}

.terms-block--text {
  font-size: 1.4rem;
  text-transform: uppercase;
}


/***********************************error 404 *******************************************/
.page-404--image--text{
  max-width: 48rem;
}

.page-404--image--text p{
  line-height: 1.8;
}

/*************************************ACCOUNT pAGE **************************************/

.account-page {
  min-height: calc(100vh - 12.5rem);
  align-items: center;
}

.account-page--inner {
  max-width: 60rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
}

.account-page--inner form {
  width: 100%;
}

.account-page .form-shared__input-group--input input {
  width: 100%;
}

.account-page .form-shared__input-group--input input[readonly] {
  color: var(--fc-color-gray);
  opacity: 0.7;
}

.account-page-submit {
  display: flex;
  justify-content: flex-end;
  margin-top: 1.2rem;
}

.account-page .account-page-submit button {
  display: flex;
  align-items: center;
  gap: 1rem;
  line-height: 1;
  cursor: pointer;
}

.account-page .account-page-submit svg {
  height: 10px;
}

/*****************************Favorites*************************************************/
.favorite-books-page {
  min-height: calc(100vh - 12.5rem);
}

.favorite-books-page--inner {
  display: flex;
  gap: 4rem;
  min-height: calc(100vh - 12.5rem);
  padding: 3rem 0 1rem 0;
}

/***********************Email Confirmation ***********************************/

.email-container {
  min-height: calc(100vh - 12.5rem);
  align-items: center;
}

.verification-container {
  text-align: center;
  margin: 0 auto;
  padding: 20px;
  max-width: 500px;
  background: #fff;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
}

.verification-container h2 {
  color: #333;
}

.verification-container p {
  font-size: 1.6rem;
}

.favorite-books-list
  .gallery-page__grid__element:hover
  .gallery-page__grid__element--favorite-button {
  transform: scale(1);
  opacity: 1;
  visibility: visible;
  transition: all 0.3s ease-in;
}

.gallery-page__grid__element--favorite-button {
  position: absolute;
  top: 1rem;
  right: 1rem;
  transform: scale(0);
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease-out;
  button {
    background-color: transparent;
    border: none;
    cursor: pointer;
    svg path {
      fill: #fff;
    }
  }
  /* background-color: transparent; */
}

/*************************Error Page ***************************************/
.page-404 {
  min-height: calc(100vh - 12.5rem);
}

.page-404--inner {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 4rem;
}

.page-404--inner h1 {
  font-weight: 600;
  color: var(--fc-color-gray);
  margin-bottom: 0;
}

.page-404--image {
  max-width: 25rem;
}
.gallery-page__filter {
  transition: all 0.3s ease-in;
}

.gallery-page__filter.hide {
  max-width: 4rem;
  height: 2.8rem;
  overflow: hidden;
  transition: all 0.3s ease-out;
}

.gallery-page__filter.hide #goBack89 svg {
  transform: rotatez(180deg);
}
/**************************************Media Queries****************************************/


@media(min-width: 2300px) {
  .gallery-page--logo {
        margin-top: 0rem;
    }

    .gallery-page {
    justify-content: flex-start;
    margin-top: 3rem;
    align-items: center;
}

.gallery-page {
    max-width: var(--fc-max-width);
}
}

@media (max-width: 1950px) { 
.home-page__section-one--inner {
    gap: 2.7rem;
}

.home-page__section-one--logo > img {
    max-height: 7.8rem;
}

.home-page__section-one--text > img {
    max-width: 55rem;
}

.gallery-page--logo {
    margin-top: 3rem;
}

}

/**********************Portatiles********************************/
@media (max-width: 1500px) {
  html {
    /* 9/16 */
    font-size: 56.25%;
  }

  /*************************home**************************/
  .home-page__section-one--text > img {
    max-width: 60rem;
  }

  /********************Images *************************/
  .gallery-page__filter {
    max-width: 17rem;
  }

  .custom-dropdown-options > li {
    font-size: 1.3rem;
  }
  .gallery-page__grid {
    gap: 1rem;
  }
  .gallery-page__pictures {
    justify-content: space-around;
  }
}

@media (max-width: 1300px) {
  .single-book__left-arrow {
    left: -5rem;
  }

  .single-book__right-arrow {
    right: -5rem;
  }
}

/**********************Tablets********************************/
@media (max-width: 1090px) {
  html {
    /* 8/16 */
    font-size: 50%;
  }

  :root {
    --fc-main-padding: 0 4.5rem;
  }

  /*******************************Home *****************************/

  .home-page__main-wrapper {
    /* align-items: start; */
    padding-top: 5rem;
  }

  .home-page__section-two {
    margin-top: 6rem;
  }

  .home-page__section-one--logo > img {
    width: 8rem;
    height: auto;
  }

  .authentication-form {
    padding: var(--fc-main-padding);
  }

  /***************************Images*****************************/
  .gallery-page__grid {
    grid-template-columns: repeat(4, 1fr);
  }

  .gallery-page__filter form {
    position: sticky;
    top: 1rem;
  }

  .gallery-page--inner {
    padding: 2rem 0;
  }

  /************************Collections******************************/

  .collection-page__grid {
    grid-template-columns: repeat(3, 1fr);
  }

  .collection-page--inner.factoria__inner-content {
    padding: 3rem 0 3rem 0;
  }

  /************************Single Book ****************************/
  .single-book--inner {
    padding-top: 6rem;
  }
  .single-book--logo {
    margin-bottom: 3rem;
  }

  /*************************Contact ********************************/
  .contact-page--inner {
    padding: 3rem 0;
    /* margin-top: 10rem; */
  }
}

/**********************Small tablets********************************/
@media (max-width: 850px) {
  :root {
    --fc-main-padding: 0 4rem;
  }

  /************************Contact*************************************/
  .form-shared__inputs-wrapper {
    flex-wrap: wrap;
  }
  .form-shared__inputs-wrapper > div {
    width: 100%;
  }

  /************Single picture************************************/

  .terms-block--wrapper {
    flex-wrap: wrap;
  }

  .terms-block--wrapper > div {
    flex: auto;
    width: 100%;
  }

  #factoria_modal_89 .modal_content_89 {
    max-height: 90%;
    overflow-y: scroll;
    padding: 8rem 3rem;
  }
}

/**********************Mobiles*******************************/
@media (max-width: 540px) {
  /**************************Header ***************************/
  .factoria-header--inner {
    display: none;
  }

  .factoria-header {
    background-color: #000;
    border-top: 1px solid #fff;
  }

  .gallery-page__filter--back button {
    width: 100%;
    text-align: right;
  }

  #resetFilters {
    color: #000;
  }

  .factoria-header--inner-mobile nav {
    height: 65px;
  }

  .factoria-translate {
    z-index: 2;
    position: relative;
  }

  #menuToggle {
    display: flex;
    flex-direction: column;
    position: relative;
    top: 25px;
    left: 0;
    z-index: 1;
    -webkit-user-select: none;
    user-select: none;
  }

  #menuToggle input {
    display: flex;
    width: 40px;
    height: 32px;
    position: absolute;
    cursor: pointer;
    opacity: 0;
    z-index: 2;
  }
  #menuToggle input:focus {
    opacity: 0;
  }

  #menuToggle > span {
    display: flex;
    width: 29px;
    height: 2px;
    margin-bottom: 5px;
    position: relative;
    background: #ffffff;
    border-radius: 3px;
    z-index: 1;
    transform-origin: 5px 0px;
    transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1),
      background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), opacity 0.55s ease;
  }

  #menuToggle span:first-child {
    transform-origin: 0% 0%;
  }

  #menuToggle span:nth-last-child(2) {
    transform-origin: 0% 100%;
  }

  #menuToggle input:checked ~ span {
    opacity: 1;
    transform: rotate(45deg) translate(-3px, -1px);
    background: #36383f;
  }
  #menuToggle input:checked ~ span:nth-last-child(3) {
    opacity: 0;
    transform: rotate(0deg) scale(0.2, 0.2);
  }

  #menuToggle input:checked ~ span:nth-last-child(2) {
    transform: rotate(-45deg) translate(0, -1px);
  }

  #book-menu89 {
    position: absolute;
    width: 100vw;
    height: 100vh;
    box-shadow: 0 0 10px #85888c;
    margin: -53px 0 0 -58px;
    padding: 50px 4rem;
    padding-top: 125px;
    background-color: #f5f6fa;
    -webkit-font-smoothing: antialiased;
    transform-origin: 0% 0%;
    transform: translate(-100%, 0);
    transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1);
    left: 25px;
  }

  #book-menu89 li {
    padding: 10px 0;
    transition-delay: 2s;
  }

  #menuToggle input:checked ~ div {
    transform: none;
  }

  .factoria-header__block-two {
    position: absolute;
    top: 6.5rem;
    right: 4rem;
  }

  .header_menu_mobile {
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 5rem;
  }

  .header_menu_mobile .item-anchor {
    font-size: 3rem;
    text-transform: uppercase;
  }

  .header_menu_mobile .item-anchor:hover {
    opacity: 0.8;
  }

  .factoria-header--inner-mobile {
    display: block;
  }

  .factoria-header__block-two > button {
    font-size: 1.8rem;
  }

  /******************************Modal Register**************************/

  .authentication-form--inner__content {
    padding: 2.6rem 1.9rem 2.6rem 2.6rem;
  }

  .login-form__first-block {
    gap: 1rem;
    flex-wrap: wrap-reverse;
  }

  .login-form__second-block {
    gap: 4rem;
    flex-wrap: wrap;
  }

  /*******************************Home *****************************/
  .home-page__section-one--logo {
    display: none;
  }

  .home-page__section-two__collection-item {
    max-width: 20rem;
  }

  .home-page__main-wrapper {
    padding-top: 3rem;
  }

  .home-page__section-one--text {
    display: flex;
    align-items: center;
    gap: 3rem;
  }

  .home-page__section-one--logo-mobile {
    display: block;
  }

  .home-page__section-one--logo-mobile > img {
    max-width: 8rem;
  }

  .home-page__section-one--text > img {
    max-width: 33rem;
  }

  .home-page--inner {
    padding-top: 2rem;
  }

  /**********************************About*********************************/

  .about-page__section-one--logo > img {
    min-width: 8rem;
    height: auto;
  }

  .about-page__section-one {
    display: none;
  }

  .about-page__section-two__secondary-logo {
    display: flex;
    align-items: flex-end;
    gap: 1.5rem;
  }

  .about-page__section-two__secondary-logo .about-page__section-one--logo {
    display: block;
  }

  .about-page__section-one--logo > img {
    min-width: unset;
    max-width: 7rem;
    height: auto;
  }

  .about-page__section-two__secondary-logo > img {
    max-width: 32rem;
  }
  /*******************************************Images ***********************************/

  .gallery-page__grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .page-template-gallery_grid .home-page__section-one--logo {
    display: block;
  }

  /***********************************About **********************************/

  .about-page__section-two__information {
    padding-left: 0;
    flex-wrap: wrap;
  }

  .about-page--inner {
    margin-bottom: 8rem;
  }

  .collection-page__header {
    display: none;
  }

  /***************************collections**************************************/

  .collection-page__secondary-logo {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
  }

  .gallery-page__pagination,
  .collection-page__grid--wrapper .pagination {
    font-size: 2rem;
    gap: 1.5rem;
  }

  .collection-page__secondary-logo .collection-page__header-logo {
    display: block;
  }

  /**************************Single Book Cover **************************/

  .single-book--product {
    flex-wrap: wrap;
  }

  .single-book-cover .home-page__section-one--logo {
    display: block;
  }

  .single-book--logo {
    gap: 3rem;
  }

  .single-book-cover .home-page__section-one--logo {
    padding-left: 0;
  }

  /***************************contact*********************************/

  .contact-page .wpcf7 {
    width: 100%;
  }

  .contact-page--inner {
    width: 100%;
  }

  .contact-page .wpcf7-form-control-wrap {
    width: 70%;
  }

  .contact-page
    .form-shared__input-group.secondary-group
    .form-shared__input-group--input
    input,
  .contact-page .form-shared__input-group--input textarea {
    padding-left: 2.2rem;
  }

  /********************************Footer*********************************/
  .factoria-footer__block-two {
    flex-wrap: wrap;
    padding-top: 1rem;
  }

  .footer__legal-wrapper--menu {
    margin-top: 0.5rem;
  }

  /************************************Arrows********************************/
  .single-book__left-arrow {
    left: 0;
    transform: unset;
}

.single-book--arrows {
    position: relative;
    top: 0;
}

.single-book__right-arrow {
    right: 0;
    transform: unset;
}

.single-book--arrows--wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 1.3rem;
}
}

@media (max-width: 400px) {
}
/**********************Small Mobiles*******************************/
@media (max-width: 360px) {
  :root {
    --fc-main-padding: 0 3rem;
  }
}