/* ---------- Block Admin Tabs ---------- */

.block-admin-tabs {
  margin: 2rem 0 3rem 0;
  width: auto;
  position: relative;
  z-index: 10;
}

.block-admin-tabs .block-admin-tabs-container {
  overflow-x: auto;
  display: flex;
  flex-direction: row;
  list-style: none;
  width: 100%;
  max-width: max-content;
  background-color: white;
  padding: 0.5rem !important;
}

.block-admin-tabs ul {
  display: block;
  padding: 0;
  box-sizing: border-box;
}

.block-admin-tabs ul li a {
  display: block;
  padding: 20px;
  text-decoration: none;
  color: var(--colorGinText);
  font-weight: 700;
  font-size: 14px;
}

.block-admin-tabs ul li a:hover {
  color: var(--gin-color-primary-hover);
  background-color: var(--gin-bg-item-hover);
}

.block-admin-tabs ul li a.is-active {
  color: var(--gin-color-primary);
}

.layout-builder__link--change-layout {
  padding: 0em 0.25em 0 calc(0.25em + 20px);
  font-size: 0.75em;
  position: absolute;
  color: var(--gin-color-primary);
  top: -19px;
  right: 0;
  z-index: 1;
  line-height: 19px;
  background: white;
}

.layout-builder__link--change-layout:hover {
  background: var(--gin-color-primary) !important;
  color: var(--gin-color-button-text) !important;
}

.layout-builder__section:hover .layout-builder__link--change-layout {
  color: var(--gin-color-primary);
}

.layout-builder__section:hover .layout-builder__link--change-layout:after {
  background-color: var(--gin-color-primary);
}

.layout-builder__link--change-layout:after {
  position: absolute;
  left: 0;
  top: 0;
  -webkit-mask-size: 17px 17px;
  mask-size: 17px 17px;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='17' height='17' viewBox='0 0 17 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='edit_24px'%3E%3Cpath id='icon/image/edit_24px' fill-rule='evenodd' clip-rule='evenodd' d='M12.5083 2.125C12.3312 2.125 12.1471 2.19583 12.0125 2.33042L10.7162 3.62667L13.3725 6.28292L14.6687 4.98667C14.945 4.71042 14.945 4.26417 14.6687 3.98792L13.0112 2.33042C12.8696 2.18875 12.6925 2.125 12.5083 2.125ZM9.95831 6.38916L10.61 7.04083L4.19248 13.4583H3.54081V12.8067L9.95831 6.38916ZM2.12415 12.2187L9.95831 4.38458L12.6146 7.04083L4.7804 14.875H2.12415V12.2187Z' fill='white'/%3E%3C/g%3E%3C/svg%3E%0A");
  mask-image: url("data:image/svg+xml,%3Csvg width='17' height='17' viewBox='0 0 17 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='edit_24px'%3E%3Cpath id='icon/image/edit_24px' fill-rule='evenodd' clip-rule='evenodd' d='M12.5083 2.125C12.3312 2.125 12.1471 2.19583 12.0125 2.33042L10.7162 3.62667L13.3725 6.28292L14.6687 4.98667C14.945 4.71042 14.945 4.26417 14.6687 3.98792L13.0112 2.33042C12.8696 2.18875 12.6925 2.125 12.5083 2.125ZM9.95831 6.38916L10.61 7.04083L4.19248 13.4583H3.54081V12.8067L9.95831 6.38916ZM2.12415 12.2187L9.95831 4.38458L12.6146 7.04083L4.7804 14.875H2.12415V12.2187Z' fill='white'/%3E%3C/g%3E%3C/svg%3E%0A");
  content: '&';
  width: 17px;
  height: 17px;
  background-color: var(--gin-border-color-form-element);
}

.layout-builder__link--change-layout:hover:after {
  background-color: var(--gin-color-primary) !important;
  background-image: url("data:image/svg+xml,%3Csvg width='17' height='17' viewBox='0 0 17 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='edit_24px'%3E%3Cpath id='icon/image/edit_24px' fill-rule='evenodd' clip-rule='evenodd' d='M12.5083 2.125C12.3312 2.125 12.1471 2.19583 12.0125 2.33042L10.7162 3.62667L13.3725 6.28292L14.6687 4.98667C14.945 4.71042 14.945 4.26417 14.6687 3.98792L13.0112 2.33042C12.8696 2.18875 12.6925 2.125 12.5083 2.125ZM9.95831 6.38916L10.61 7.04083L4.19248 13.4583H3.54081V12.8067L9.95831 6.38916ZM2.12415 12.2187L9.95831 4.38458L12.6146 7.04083L4.7804 14.875H2.12415V12.2187Z' fill='white'/%3E%3C/g%3E%3C/svg%3E%0A");
  content: '';
  z-index: -1;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 17px 17px;
}

/* Fix paragraph title not visible and icon deformed */
.js .paragraph-type-icon {
  padding-right: 0;
  margin-bottom: 0.65rem;
}

.js .paragraph-type {
  overflow: initial;
}


/* Fix media library cross deformed */
.media-library-item .media-library-item__remove, .media-library-item .media-library-item__remove.button,
.media-library-item .media-library-item__remove:hover, .media-library-item .media-library-item__remove.button:hover {
  background-size: 0.75rem 0.75rem !important;
}

.glb-sidebar {
  z-index: 501 !important;
}

/* Fix media library pagination boutons */
.pager.glb-pager .pager__link {
  background: var(--gin-color-primary-light) !important;
  color: var(--gin-color-primary) !important;
}

.pager.glb-pager .pager__item--first .pager__link::before,
.pager.glb-pager .pager__item--first .pager__link::after,
.pager.glb-pager .pager__item--previous .pager__link::before,
.pager.glb-pager .pager__item--previous .pager__link::after,
.pager.glb-pager .pager__item--next .pager__link::before,
.pager.glb-pager .pager__item--next .pager__link::after,
.pager.glb-pager .pager__item--last .pager__link::before,
.pager.glb-pager .pager__item--last .pager__link::after {
  background: var(--gin-color-primary) !important;
}

.glb-claro-details__wrapper.details-wrapper {
  margin-top: 1.25rem;
}

.field-group-details.glb-claro-details {
  margin-top: 1.5rem !important;
  margin-bottom: 1.5rem !important;
}

.js .dropbutton-widget {
  background-color: white !important;
}

.page-node-type-webform div[role="contentinfo"] {
  display: none;
}

/* Fix webform input file button display. */
.webform-submission-form .webform-file-button-input {
  display: none !important;
  top: unset;
}