#cms #wrapper {
  background: #F5F5F7;
}

#main {
  padding: 0 0 25px;
}

.page-content.page-cms {
  background: #ffffffeb;
  max-width: 95%;
  padding: .5rem;
  margin: 4rem auto;
}

.page-content.page-cms h1 {
  padding-bottom: 2em;
}

.page-content.page-cms .cms-box img {
  max-width: 100%
}

.page-content.page-cms .elementor-tab-content a {
  color: var(--color-primary);
  transition: all 0.35s ease-in-out;
}

.page-content.page-cms .elementor-tab-content a:hover {
  color: #000;
}

.cms-id-6 .elementor-text-editor strong {
  font-size: calc(15px + (20 - 15) * ((100vw - 320px) / (1920 - 320)));
  color: var(--color-primary);
}

/*
--------------------------------------
CMS Catégorie Actus
--------------------------------------
*/

.cms-category-2 #main {
  padding-top: 25px;
}

.cms-category-2 section#content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 75%;
  min-height: 60vh;
  margin: auto;
}

.cms-category-2 h1 {
  text-align: center;
}

.cms-category-2 .list-content-container {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr) );
  grid-auto-flow: dense;
  grid-gap: 25px;
  padding-top: 3em;
}

.cms-category-2 .list-content-container * {
  justify-self: center;
}

.cms-category-2 .list-content-container a {
  display: flex;
  flex-direction: column;
  align-items: center;
  color: #000;
  border: none;
  transition: all 0.35s ease-in-out;
  text-align: center;
  width: 100%;
  padding: 0.5em;
}

.cms-category-2 .cover-article {
  width: 100%;
  padding-bottom: 100%;
  background-size: cover;
  background-position: center;
  margin-bottom: auto;
}

.cms-category-2 a span {
  transition: all 0.35s ease-in-out;
}

.cms-category-2 .post-item span {
  padding-top: 0.5em;
}

.cms-category-2 .post-item:hover span {
  color: var(--color-primary);
}

/*
--------------------------------------
Page CMS -- Catégorie Actus
--------------------------------------
*/

.cms-w-form {
  display: grid;
  grid-template-columns: 60% auto;
  grid-gap: 20px;
}

.cms-w-form .contact-subject {
  display: none;
}

.cms-w-form .page-header h1 {
  background: transparent;
}

.cms-w-form h1 {
  padding-bottom: 1em !important;
}

.cms-w-form .contact-form form {
  position: sticky;
  background: #F4F4F7;
  border: 1px solid #00000008;
  border-radius: 10px;
  padding: 1em;
}

.cms-w-form .form-control {
  background-color: #fff;
  color: #808A90;
  border: 1px solid #808A90;
  border-radius: 3px;
}

.cms-w-form .form-control:focus {
  color: #000;
}

.cms-w-form .form-control-label {
  display: none;
}

.cms-w-form .contact-form .psgdpr_consent_message a {
  font-weight: 600;
  color: var(--color-primary);
  transition: all 0.35s ease-in-out;
}

.cms-w-form .contact-form .psgdpr_consent_message a:hover {
  color: #000;
}

.cms-w-form .btn-primary {
  background: var(--color-primary);
  border: 1px solid var(--color-primary);
  text-transform: none;
  width: 100%;
}

.cms-w-form .btn-primary:hover {
  background: transparent;
  color: var(--color-primary);
}

/*Les solutions d'emballage*/

.see-more-col-content > .elementor-column-wrap > .elementor-widget-wrap {
  display: grid !important;
  grid-template-columns: 1fr;
  grid-gap: 25px;
}

.see-more-content-container p {
  margin-bottom: 0.5em;
}

.see-more-text {
  font-weight: 300;
  overflow: hidden;
  opacity: 0;
  max-height: 0;
  transition: all 0.3s;
}

.see-more-text--is-shown {
  max-height: 80vh;
  opacity: 1;
  transition: max-height 0.3s, opacity 0.3s;
}

.see-more-text p {
  color: #000;
}

.see-more-btn {
  position: relative;
  display: flex;
  align-items: center;
  font-weight: 600;
  cursor: pointer;
  margin-top: auto;
}

.see-more-btn:after {
  content: '';
  display: block;
  width: 60px;
  height: 2px;
  background: var(--color-primary);
  margin: 0.25em 0 0 1em;
}

.see-more-btn-text {
  display: none;
  color: var(--color-primary);
}

.see-more-btn-text--is-active {
  display: block;
}

.see-more-col .elementor-widget-html,
.see-more-col .elementor-widget-container,
.see-more-col .see-more-container,
.see-more-col .see-more-content-container {
  height: 100%;
}

.see-more-col .see-more-content-container {
  display: flex;
  flex-direction: column;
}

.see-more-content-container ul {
  margin-left: 1em;
  margin-bottom: 0.5em;
}

.see-more-content-container ul li {
  line-height: 1.25em;
  color: #000;
}