:root {
  --color-theme: #2f91da;
  --color-body: #313637;
  --color-title: #151d2e;
  --color-border: #2a85d5;
  --color-bg-selected: #e8f4ff;
}

@keyframes rotation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

/* ------ Font ------ */
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Inter Regular"), local("Inter Regular"), url("./fonts/inter/Inter-Regular.ttf") format("truetype"), url("./fonts/inter/Inter-Regular.eot") format("embedded-opentype"), url("./fonts/inter/Inter-Regular.woff") format("woff"), url("./fonts/inter/Inter-Regular.woff") format("woff"), url("./fonts/inter/Inter-Regular.svg") format("svg");
}

@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: local("Inter Medium"), local("Inter Medium"), url("./fonts/inter/Inter-Medium.ttf") format("truetype"), url("./fonts/inter/Inter-Medium.eot") format("embedded-opentype"), url("./fonts/inter/Inter-Medium.woff") format("woff"), url("./fonts/inter/Inter-Medium.woff") format("woff"), url("./fonts/inter/Inter-Medium.svg") format("svg");
}

@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: local("Inter SemiBold"), local("Inter SemiBold"), url("./fonts/inter/Inter-SemiBold.ttf") format("truetype"), url("./fonts/inter/Inter-SemiBold.eot") format("embedded-opentype"), url("./fonts/inter/Inter-SemiBold.woff") format("woff"), url("./fonts/inter/Inter-SemiBold.woff") format("woff"), url("./fonts/inter/Inter-SemiBold.svg") format("svg");
}

@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local("Inter Bold"), local("Inter Bold"), url("./fonts/inter/Inter-Bold.ttf") format("truetype"), url("./fonts/inter/Inter-Bold.eot") format("embedded-opentype"), url("./fonts/inter/Inter-Bold.woff") format("woff"), url("./fonts/inter/Inter-Bold.woff") format("woff"), url("./fonts/inter/Inter-Bold.svg") format("svg");
}

body {
  /* background: #f6f5fa !important; */
  background-color: #eaeaea !important;
}

body.user-logged-in {
  font-size: 15px;
  line-height: 24px;
  color: #151d2e;
  font-family: "Inter";
  font-weight: 400;
}

.component-builder-toolbar__field ~ .component-builder-toolbar__field {
  margin-top: 30px;
}

.component-builder-toolbar__actions a:hover,
.component-builder-toolbar__actions a:focus {
  color: #fff;
}

.component-builder-toolbar--component-block {
  margin: 0.75rem 0;
  overflow: auto;
  position: relative;
}

.component-builder-toolbar--component-block.preview {
  overflow: hidden;
}

.component-builder-toolbar--component-block-info {
  display: inline-block;
  vertical-align: middle;
}

.component-builder-toolbar--component-block-actions {
  display: inline-block;
  position: absolute;
  right: 10px;
  top: 5px;
  z-index: 10;
}

/* FOOTER */

.site-footer .component-builder.component-wrapper--type-accordion > .title,
.site-footer .component-builder.component-wrapper--type-accordion .component-item .title {
  color: #fff;
}

.component-builder-toolbar__region-name {
  display: none;
}

.wrapper-display--custom .field--type-boolean {
  max-width: 33.33333%;
  flex: 0 0 33.33333%;
  margin-right: 0;
  padding-right: 10px;
}

.form-type-boolean {
  display: flex;
  align-items: center;
}

form.component-wrapper-toolbar-form-form > .form-wrapper.wrapper-display--custom .form-item {
  margin: 5px 0;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
  height: auto;
  min-height: 40px;
  padding: 0.5rem 0.75rem;
}

.ui-front.ui-dialog-content .select2-container--default .select2-results > .select2-results__options .field-img img {
  height: calc(250px - 60px);
  object-fit: contain;
}

input[value="Create Item"] {
  margin-right: 20px !important;
}

input[type="submit"]:hover {
  background: var(--color-theme);
  color: #fff;
}

@media (min-height: 900px) {
  .ui-front.ui-dialog-content .select2-container--default .select2-results > .select2-results__options {
    max-height: 350px;
  }

  .ui-front.ui-dialog-content .select2-container--default .select2-results .select2-results__options .field-img img {
    height: calc(350px - 60px);
  }
}

@media (min-height: 1200px) {
  .ui-front.ui-dialog-content .select2-container--default .select2-results > .select2-results__options {
    max-height: 500px;
  }

  .ui-front.ui-dialog-content .select2-container--default .select2-results .select2-results__options .field-img img {
    height: calc(500px - 60px);
  }
}

.component-builder-toolbar-region-wrapper .component-builder-toolbar__block {
  margin-bottom: 0;
}

.component-wrapper-sidebar-grid .region--footer_top__inner {
  display: block;
}

.component-wrapper-sidebar-grid .region--footer_top__inner .component-builder-toolbar--component-block {
  margin-right: 0;
}

@media (max-width: 1199px) {
  .ui-widget.ui-widget-content {
    left: 0 !important;
    width: 100% !important;
  }
}

@media (min-width: 75rem) {
  [dir="ltr"] .component-builder-toolbar__region .site-branding {
    margin-right: 0;
    margin-left: 0;
    margin-bottom: 0;
    line-height: 5.25rem;
  }

  [dir="ltr"] body:not(.is-always-mobile-nav) .site-header__inner__container .header-nav {
    margin-top: 0px;
  }

  [dir="ltr"] .site-branding {
    min-height: unset;
  }

  body:not(.is-always-mobile-nav) .site-header__inner__container .header-nav {
    display: inline-block;
    margin-left: 20px;
  }

  body:not(.is-always-mobile-nav) .region--secondary-menu {
    display: none;
  }
}


/* ------- Update design ------ */
.block-node-syndicate-block .feed-icon__icon {
  display: none;
}

.text-content,
.cke_editable {
  font-family: 'Inter';
}

table,
table.draggable-table {
  width: 100%;
  border: none;
  border-radius: 0.5rem;
  margin-top: 2rem;
  margin-bottom: 2rem;
  border-collapse: separate;
}

table th,
table.draggable-table th {
  background: var(--color-border);
  border-bottom: 1px solid var(--color-border);
  color: #fff;
  border: 1px solid var(--color-border);
  font-family: 'Inter';
  font-weight: 600;
}

table th:first-child,
table.draggable-table th:first-child {
  border-top-left-radius: 0.5rem;
}

table th:last-child,
table.draggable-table th:last-child {
  border-top-right-radius: 0.5rem;
}

table td:first-child,
table.draggable-table td:first-child {
  border-left: 1px solid #e5e5e5;
}

table td[colspan="2"],
table td:last-child,
table.draggable-table td:last-child {
  border-right: 1px solid #e5e5e5;
}

table td:only-child,
table.draggable-table td:only-child {
  border-right: none;
  border-bottom: none;
}

table.draggable-table td:last-child:only-child {
  border-bottom: none;
}

table td,
table.draggable-table td,
table.draggable-table tr:last-child td {
  border-bottom: 1px solid #e5e5e5;
}

table tr:last-child td:first-child,
table.draggable-table tr:last-child td:first-child {
  border-bottom-left-radius: 0.5rem;
}

table.draggable-table tr:nth-child() td:first-child,
table.draggable-table tr:nth-child() td:last-child {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

table tr:last-child td:last-child,
table.draggable-table tr:last-child td:last-child {
  border-bottom-right-radius: 0.5rem;
}

table tbody tr:nth-child(even),
table.draggable-table tbody tr:nth-child(even) {
  background-color: #f7f9fa;
}

table.draggable-table {
  border-bottom: none;
}

[dir="ltr"] table.draggable-table td {
  padding-left: 1.125rem;
}

table th,
table td {
  text-align: left;
  padding: 1rem 1rem;
}

table h4 {
  color: #fff;
}

.form-item h4,
table .form-datetime-wrapper h4 {
  font-size: 0.875rem;
  line-height: 1.025rem;
  font-family: 'Inter';
  font-weight: 600;
  margin-bottom: 6px;
  color: var(--color-title);
}

table .form-item h4 {
  color: #fff;
}

table tr .form-item {
  margin-bottom: 1.5rem;
}

[dir="ltr"] table.draggable-table th {
  padding-left: 1rem;
}

table.draggable-table th {
  padding: 1rem;
}

table.draggable-table td {
  vertical-align: middle;
}

table.draggable-table th:first-child {
  border-top-left-radius: 0.5rem;
}

table.draggable-table th:last-child {
  border-top-right-radius: 0.5rem;
}

tr.odd {
  background: #fff;
}

.node__title {
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 500;
  margin-bottom: 1rem;
}

.page-wrapper {
  background: #eaeaea !important;
}

/* --- Form --- */
[dir="ltr"] form input[type="checkbox"] + label,
[dir="ltr"] form input[type="radio"] + label {
  padding-left: 2.5rem;
}

input[type="radio"],
input[type="checkbox"] {
  opacity: 0;
  position: absolute;
}


input.button {
  border: 2px solid var(--color-border);
  border-radius: 0.5rem;
  height: 2.75rem;
}

input[value="Edit"],
input[value="Remove"],
input[value="Delete"] {
  margin: 0;
  width: 2.75rem;
  height: 2.75rem;
  font-size: 0;
  display: inline-block;
  border: 1px solid #e5e5e5;
  padding: 0;
  max-width: 44px;
}

input[type="time"],
input[type="date"],
input[type="number"],
.field--type-entity-reference select {
  border: 1px solid #e5e5e5;
  height: 2.75rem;
  border-radius: 0.5rem;
}

.form-item textarea {
  border: 1px solid #e5e5e5;
  border-radius: 0.5rem;
}

input[value="Edit"] {
  margin-right: 1rem;
  background: #fff url(./images/pencil.svg) no-repeat;
  background-size: 1.0625rem;
  background-position: center;
}

input[value="Edit"]:hover,
input[value="Edit"]:focus {
  background: #e8f4ff url(./images/pencil-hover.svg) no-repeat;
  background-size: 1.0625rem;
  background-position: center;
  border: 1px solid #acd7fd;
}

input[value="Remove"],
input[value="Delete"] {
  background: #fff url(./images/trash.svg) no-repeat;
  background-size: 1.625rem;
  background-position: center;
}

input[value="Remove"]:hover,
input[value="Remove"]:focus,
input[value="Delete"]:hover,
input[value="Delete"]:focus {
  background: #e8f4ff url(./images/trash-hover.svg) no-repeat;
  background-size: 26px;
  background-position: center;
  border: 1px solid #acd7fd;
}

.form-item.form-item--editor-format {
  display: none;
}

.form-managed-file {
  display: flex;
  flex-wrap: wrap;
}

.form-managed-file input[type="file"] {
  order: -1;
}

.field--name-field-highlight,
.wrapper-display--custom {
  margin-bottom: 1.5rem;
}

.field--name-field-carousel .image-widget .form-item {
  margin-top: 0;
  margin-bottom: 0;
}

.ief-entity-operations {
  display: flex;
  flex-wrap: wrap;
}

.image-widget > img {
  max-width: 136px;
  padding-right: 1rem;
  width: 100%;
  max-height: 100px;
  object-fit: contain;
}

form.component-wrapper-toolbar-form-form > .form-wrapper .image-widget {
  display: grid;
  grid-template-columns: 136px auto auto;
  grid-template-rows: auto auto auto auto;
}

/* form.component-wrapper-toolbar-form-form > .form-wrapper table ~ .form-item .image-widget, */
form.component-wrapper-toolbar-form-form > .form-wrapper .js-form-type-managed-file .form-item .image-widget,
form.component-wrapper-toolbar-form-form > .form-wrapper .js-form-type-managed-file > .image-widget,
form.component-wrapper-toolbar-form-form > .form-wrapper .field--type-image > div > div > .image-widget {
  display: flex;
}

form.component-wrapper-toolbar-form-form > .form-wrapper .form-item .image-widget {
  position: relative;
}

form.component-wrapper-toolbar-form-form > .form-wrapper .form-item .image-widget .form-submit {
  height: 44px;
}

form.component-wrapper-toolbar-form-form > .form-wrapper .form-item .image-widget input[value="Remove"] {
  border: 1px solid #e5e5e5;
  position: absolute;
  right: 0;
  top: 1.5rem;
}

form.component-wrapper-toolbar-form-form > .form-wrapper .image-widget > img {
  max-width: 136px;
  padding-right: 1rem;
  grid-column: 1/2;
  grid-row: 1/5;
}

form.component-wrapper-toolbar-form-form > .form-wrapper .image-widget > .form-item {
  grid-column: 2/4;
  grid-row: 1/4;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
}

form.component-wrapper-toolbar-form-form > .form-wrapper input[value="Remove"] {
  margin-top: 2rem;
}

form.component-wrapper-toolbar-form-form > .form-wrapper table.ief-entity-table input[value="Remove"] {
  margin-top: 0rem;
}

form.component-wrapper-toolbar-form-form > .form-wrapper .image-widget > .form-item label {
  max-width: 100%;
  margin: 0 0 0.5rem;
}

form.component-wrapper-toolbar-form-form > .form-wrapper .image-widget > .form-item .form-item__description {
  grid-column: 2/3;
  display: none;
}

form.component-wrapper-toolbar-form-form > .form-wrapper .image-widget .file--image {
  grid-column: 2/3;
  margin-right: 1rem;
}

form.component-wrapper-toolbar-form-form > .form-wrapper .image-widget .file--image + span {
  grid-column: 3/5;
}

form.component-wrapper-toolbar-form-form > .form-wrapper .image-widget .form-item__description {
  padding-left: 0;
}

.component-attributes-wrapper--item {
  width: 100%;
}

.image-widget {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}

.image-widget > .form-item {
  flex: 1;
}

.image-widget .form-item__description {
  padding-left: 0;
}

form.component-wrapper-toolbar-form-form > .form-wrapper .form-managed-file .form-element--api-file {
  max-width: 75%;
  flex: 0 0 75%;
  margin-right: 1.25rem;
  border: 1px solid #e5e5e5;
  border-radius: 0.5rem;
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
}

.form-type-boolean label {
  position: relative;
  padding-left: 2rem;
  font-size: 1rem;
  line-height: 1.75rem;
}

.form-type-boolean label:before {
  position: absolute;
  top: 0;
  left: 0;
  content: '';
  display: inline-block;
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 0.25rem;
  border: 1px solid var(--color-border);
}

.form-type-boolean label:after {
  position: absolute;
  content: '';
  top: 0px;
  left: 0.25rem;
  display: inline-block;
  width: 1rem;
  height: 1.5rem;
  background: url(./images/checkbox.svg) no-repeat;
  background-size: contain;
  background-position: center;
  display: none;
}

.form-type-boolean input:checked + label:after {
  display: block;
}

form.component-wrapper-toolbar-form-form .field--type-image {
  width: 100%;
}

form.component-wrapper-toolbar-form-form > .form-wrapper > .form-item {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  margin-top: 0;
  margin-bottom: 0;
}

form.component-wrapper-toolbar-form-form > .form-wrapper .form-item .field-prefix {
  order: 5;
  display: flex;
  align-items: center;
}

form.component-wrapper-toolbar-form-form .wrapper-display--custom .form-wrapper {
  display: flex;
  flex-wrap: wrap;
}

form.component-wrapper-toolbar-form-form > .form-wrapper {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  border-bottom: 1px solid #eaeaea;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  width: 100%;
}

form.component-wrapper-toolbar-form-form > .wrapper-display--custom {
  align-items: flex-start;
}

form.component-wrapper-toolbar-form-form > .component-builder--properties---item {
  margin-left: auto;
}

form.component-wrapper-toolbar-form-form > .olivero-details {
  padding: 0;
  margin-top: 1.5rem;
}

form.component-wrapper-toolbar-form-form > .wrapper-field-image-container--custom .form-item .image-widget {
  padding-right: 0;
}

form.component-wrapper-toolbar-form-form > .wrapper-field-image-container--custom .form-managed-file .form-element--api-file {
  max-width: 100%;
  flex: 0 0 100%;
  margin-right: 0;
}

.display-in-region--wrapper.component-builder--properties---item,
.form-wrapper > .component-builder--properties---item,
.component-builder--properties---item .field--type-image {
  max-width: calc(100% - 12rem);
  margin-left: auto;
  margin-right: 0;
  margin-top: 0;
  margin-bottom: 0;
}

.form-wrapper > .component-builder--properties---item {
  max-width: 100%;
}

.field--widget-datetime-default {
  overflow-x: hidden;
}

form.component-wrapper-toolbar-form-form > .form-wrapper .container-inline > .form-submit {
  background-image: url(./images/plus-cyan.svg);
  background-repeat: no-repeat;
  background-size: 14px;
  background-position: calc(50% - 65px) center;
}

form.component-wrapper-toolbar-form-form > .form-wrapper .container-inline > .form-submit[value="Add new Component"] {
  background-position: calc(50% - 90px) center;
}

form.component-wrapper-toolbar-form-form > .form-wrapper .container-inline > .form-submit[value="Add existing Item"] {
  background-position: calc(50% - 78px) center;
}


form.component-wrapper-toolbar-form-form .component-attributes-wrapper__style--none-border {
  display: none;
}


form.component-wrapper-toolbar-form-form > .form-wrapper:first-child {
  border-bottom: none;
  padding-bottom: 0;
}

form.component-wrapper-toolbar-form-form > .form-wrapper:first-child > .form-item {
  margin: 0;
}

form.component-wrapper-toolbar-form-form > .form-wrapper > label ~ * {
  flex: 1;
}


form.component-wrapper-toolbar-form-form > .form-wrapper > label,
form.component-wrapper-toolbar-form-form > .form-wrapper .form-item label {
  max-width: 10rem;
  width: 100%;
  margin-right: 2rem;
  line-height: 1.5;
  display: flex;
  font-family: 'Inter';
  font-weight: 600;
}

form.component-wrapper-toolbar-form-form > .form-wrapper .form-type-boolean label {
  line-height: 1.75rem;
  font-family: 'Inter';
  font-weight: 400;
  margin-right: 0;
  max-width: 100%;
}

form.component-wrapper-toolbar-form-form > .form-wrapper .form-item > label + div,
form.component-wrapper-toolbar-form-form > .form-wrapper .form-item input,
form.component-wrapper-toolbar-form-form > .form-wrapper .form-item select,
form.component-wrapper-toolbar-form-form > .form-wrapper .form-item .select2 {
  flex: 1;
  margin: 0;
  min-height: unset;
}

form.component-wrapper-toolbar-form-form > .form-wrapper .form-item table td input.form-submit {
  margin-right: 1rem;
}

form.component-wrapper-toolbar-form-form > .form-wrapper .form-item__description {
  max-width: 100%;
  flex: 0 0 100%;
  padding-left: 12rem;
  display: none;
}

form.component-wrapper-toolbar-form-form > .form-wrapper .form-item input[type="text"],
form.component-wrapper-toolbar-form-form > .form-wrapper .form-item select {
  height: 44px;
  border-radius: 0.5rem;
  border: 1px solid #e5e5e5;
  width: 100%;
}

form.component-wrapper-toolbar-form-form > .form-wrapper .filter-help {
  float: none;
  display: inline-block;
  width: 100%;
  text-align: right;
}

form.component-wrapper-toolbar-form-form > .form-wrapper.field--name-title > .form-item {
  display: flex;
  flex-wrap: wrap;
}

form.search-block-form {
  position: relative;
  display: flex;
}

form.search-block-form .form-item {
  width: 100%;
  margin: 0;
}

form.search-block-form input.form-search {
  min-height: 3.375rem;
  border: 2px solid #e5e5e5;
  border-radius: 0.5rem;
  width: 100%;
  padding-right: 50px;
}

form.search-block-form .form-submit {
  position: absolute;
  top: 7px;
  right: 5px;
  margin: 0;
  display: inline-block;
  width: 40px;
  height: 40px;
  background-color: #fff;
  background: url(./images/search.svg) no-repeat;
  background-size: 20px 20px;
  background-position: center;
  border: none;
  font-size: 0;
  padding: 0;
}

.region .search-block-form {
  margin-bottom: 0.75rem;
}

.region .search-block-form form {
  display: none;
}

.region .search-block-form > h2 {
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 500;
  font-family: 'Inter';
  margin-top: 0;
  margin-bottom: 1.25rem;
}

.wrapper-preview {
  display: none;
}

[dir="ltr"] .entity-content-form-revision-information .olivero-details__wrapper {
  margin-left: 0;
  margin-right: 0;
}

[dir="ltr"] .vertical-tabs__menu {
  width: 12rem;
}

.vertical-tabs details.olivero-details .form-item label {
  max-width: 100%;
}

/* --- Header --- */
.site-header__inner__container {
  padding-left: 0;
  padding-right: 0;
}

.site-header__inner__container .component-builder-toolbar__region {
  box-shadow: none;
}

.site-header__inner__container .block-menu {
  margin-top: 1.25rem;
}

.site-header__inner__container .site-branding .component-builder-toolbar__block {
  color: #fff;
}

.site-header__inner__container .site-branding {
  border: none;
  border-radius: 0;
}

.site-header__inner__container .site-branding.focus {
  border: none;
}

.site-branding__text a {
  font-size: 20px;
  line-height: 20px;
  font-weight: 600;
}

.site-branding__name {
  display: flex;
}

header .component-builder-toolbar__region {
  border: none;
  padding: 0;
  margin: 0;
}

/* --- Main content --- */
.text-content.field--name-body {
  font-size: 1rem;
  line-height: 1.75rem;
  font-weight: 400;
  font-family: 'Inter';
}

.header-nav {
  display: flex;
  align-items: center;
}

.header-nav .menu--main ul.menu,
.block-local-tasks-block .block__content,
.preview .component-builder-toolbar__block__title {
  display: none;
}

.header-nav .component-builder-toolbar__block__title {
  text-align: center;
  border: 1px solid transparent;
}

.block-local-tasks-block {
  margin-bottom: 0;
}

footer .component-builder-toolbar__block__title,
.header-nav .menu--main .component-builder-toolbar__block__title,
.block-local-tasks-block .component-builder-toolbar__block__title {
  display: block;
}

.component-wrapper-sidebar-grid {
  margin-top: 2rem;
}

.component-wrapper-sidebar-grid aside {
  margin-top: 0;
}

.block-page-title-block .page-title {
  display: block;
  font-size: 2rem;
  line-height: 2.4375rem;
  font-weight: 500;
  font-family: "Inter";
  margin-bottom: 1.5rem;
  margin-top: 0;
}

.block-page-title-block .shortcut-action {
  display: none;
}

/* --- Menu mode ---*/
.component-builder-toolbar-menu {
  position: fixed;
  top: 170px;
  z-index: 110;
  padding: 10px;
  background-color: #fff;
  border-top-right-radius: 4px;
}

.component-builder-toolbar-menu .mode {
  position: absolute;
  top: 40px;
  left: 0;
  background-color: #fff;
  padding: 0.5rem;
  transition: all 0.3s linear;
  width: auto;
  height: auto;
  transform: translate(0);
  border-top-right-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
}

.component-builder-toolbar-menu .mode > strong {
  display: none;
}

.icon-toolbar-menu.active + .mode {
  transform: translate(-250px, 0);
}

.icon-toolbar-menu {
  width: 50px;
  height: 50px;
  background-color: #eee;
}

.icon-toolbar-menu em {
  display: block;
  text-indent: -999px;
  font-size: 0;
  background-image: url(./images/settings.png);
  background-repeat: no-repeat;
  background-size: 20px;
  width: 20px;
  height: 20px;
  background-position: center;
  animation: rotate 1s infinite linear;
}

.icon-toolbar-menu:focus {
  outline: none;
}

.switch-btn {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  transition: all 0.1s linear;
}

.switch-btn .btn-mode {
  background-color: #f0f0f0;
  color: #606b80;
  padding: 8px 10px 8px 32px;
  font-size: 15px;
  line-height: 20px;
  cursor: pointer;
  transition: all 0.1s linear;
  border-radius: 0.5rem;
  position: relative;
  display: inline-block;
  width: 100%;
  cursor: pointer;
}

.switch-btn .btn-add-new {
  width: 100%;
  margin-top: 0.5rem;
  position: relative;
}

.switch-btn .btn-add-new a {
  background-color: #f0f0f0;
  color: #606b80;
  padding: 8px 10px 8px 32px;
  font-size: 15px;
  line-height: 20px;
  cursor: pointer;
  transition: all 0.1s linear;
  border-radius: 0.5rem;
  position: relative;
  display: inline-block;
  text-decoration: none;
  font-size: 0;
  width: 36px;
  padding-left: 26px;
}

.switch-btn .btn-add-new a:hover,
.switch-btn .btn-add-new a:focus {
  font-size: inherit;
  width: 100%;
  min-width: 99px;
  padding-left: 32px;
}

.switch-btn .btn-add-new a:before {
  position: absolute;
  content: '';
  top: 50%;
  left: 11px;
  transform: translateY(-50%);
  display: inline-block;
  width: 13.33px;
  height: 13.33px;
  background: url(./images/plus.svg) no-repeat;
  background-size: cover;
}

.switch-btn .btn-add-new a.active {
  background-color: #151d2e;
  color: #fff;
}

.switch-btn .btn-add-new a:hover,
.switch-btn .btn-add-new a:focus {
  background-color: #f0f0f0;
  color: #606b80;
}

.switch-btn .btn-mode:before {
  position: absolute;
  content: '';
  top: 50%;
  transform: translateY(-50%);
  display: inline-block;
}

.switch-btn .btn-mode-builder:before {
  width: 13.33px;
  height: 13.33px;
  left: 10px;
  background: url(./images/builder-mode.svg) no-repeat;
  background-size: cover;
}

.switch-btn .btn-mode-review:before {
  width: 14.67px;
  height: 10.67px;
  left: 10px;
  background: url(./images/review-mode.svg) no-repeat;
  background-size: cover;
}

.switch-btn .btn-mode ~ .btn-mode {
  margin-top: 0.5rem;
}

.switch-btn .btn-mode-review,
.switch-btn .btn-mode-builder {
  font-size: 0;
  width: 36px;
  padding-left: 26px;
}

.switch-btn .btn-mode-review:focus,
.switch-btn .btn-mode-review:hover,
.switch-btn .btn-mode-builder:hover,
.switch-btn .btn-mode-builder:focus {
  font-size: inherit;
  width: 100%;
  min-width: 99px;
  padding-left: 32px;
}

.switch-btn .btn-mode.active {
  background-color: #151d2e;;
  color: #fff;
}

.switch-btn .btn-mode.active:hover {
  font-size: inherit;
  width: 100%;
  min-width: 99px;
  padding-left: 32px;
}

/* --- Button --- */
.component-builder-toolbar--component-block-actions {
  transition: all 0.2s linear;
}

.component-builder-toolbar__wrapper-preview-link,
.component-builder-toolbar__wrapper-actions a {
  display: inline-block;
  font-size: 0;
  padding: 0;
  background-size: 17px;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  transition: all 0.2s linear;
  cursor: pointer;
}

.component-builder-toolbar__wrapper-actions {
  display: flex;
}

.contextual .contextual-links {
  z-index: 10;
}

.contextual button.trigger {
  border: none;
  z-index: 2;
}

.contextual button.trigger,
.component-builder-toolbar__wrapper-edit-link {
  background-image: url(./images/pencil.svg);
  background-repeat: no-repeat;
  background-position: center;
}

.contextual button.trigger:hover,
.contextual button.trigger:focus,
a.component-builder-toolbar__wrapper-edit-link:hover,
a.component-builder-toolbar__wrapper-edit-link:focus {
  background-image: url(./images/pencil-hover.svg);
  background-repeat: no-repeat;
  background-position: center;
}

a.component-builder-toolbar__wrapper-delete-link {
  background-image: url(./images/trash.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 26px;
}

a.component-builder-toolbar__wrapper-delete-link:hover,
a.component-builder-toolbar__wrapper-delete-link:focus {
  background-image: url(./images/trash-hover.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 26px;
}

a.component-builder-toolbar__wrapper-properties-link {
  background-image: url(./images/setting.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 17px;
}

a.component-builder-toolbar__wrapper-properties-link:hover,
a.component-builder-toolbar__wrapper-properties-link:focus {
  background-image: url(./images/setting-hover.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 17px;
}

.component-builder-toolbar__wrapper-preview-link {
  background-image: url(./images/review-mode.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 17px;
}

.preview .component-builder-toolbar__wrapper-preview-link,
.component-builder-toolbar__wrapper-preview-link:hover,
.component-builder-toolbar__wrapper-preview-link:focus {
  background-image: url(./images/review-mode-hover.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 17px;
}

.sortable-handle {
  display: inline-block;
  font-size: 0;
  text-indent: -9999px;
  background-image: url(./images/drag.svg);
  background-repeat: no-repeat;
  background-size: 1.0625rem;
  width: 1.0625rem;
  height: 1.0625rem;
  margin-right: 13px;
  transition: transform 0.1s ease-in-out 0s;
  cursor: move;
  vertical-align: middle;
}

.sortable-handle:hover,
.sortable-handle:focus {
  background-image: url(./images/drag-hover.svg);
  background-repeat: no-repeat;
  background-size: 17px;
}

/* --- Popup ---*/
.ui-front.ui-dialog-content {
  padding: 0px 24px;
  max-height: unset !important;
  height: 70vh !important;
}

.ui-widget.ui-widget-content {
  padding: 0;
  border-radius: 12px;
  border: none;
}

.ui-widget.ui-widget-content .ui-dialog-titlebar {
  border: none;
  background: #fff;
  padding: 16px 24px;
  border-top-left-radius: 0.75rem;
  border-top-right-radius: 0.75rem;
  border-bottom: 1px solid #eaeaea;
}

.ui-widget.ui-widget-content .ui-dialog-title {
  font-size: 18px;
  line-height: 28px;
  color: var(--color-title);
  font-weight: 600;
  letter-spacing: normal;
  width: 100%;
  margin: 0;
}

.ui-widget.ui-widget-content .ui-dialog-titlebar-close {
  position: absolute;
  right: 30px;
  top: 50%;
  transform: translateY(-50%);
  margin: 0;
  padding: 0;
  border: none;
  border-radius: 0;
  width: 12px;
  height: 12px;
  background: url(./images/close-button.svg) no-repeat;
  background-size: 12px 12px;
  background-position: center;
}

.ui-widget.ui-widget-content .ui-button .ui-icon {
  background-image: none;
}

.ui-dialog .ui-dialog-buttonpane {
  padding: 16px 24px;
  border-bottom-left-radius: 0.75rem;
  border-bottom-right-radius: 0.75rem;
}

.ui-dialog .ui-dialog-buttonpane .button:first-child {
  background-color: var(--color-theme);
  border-color: var(--color-border);
  color: #fff;
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
  margin: 0;
  float: none;
  display: flex;
  flex-wrap: wrap;
}

.ui-dialog .ui-dialog-buttonpane button {
  margin: 0 0.75rem 0 0;
  flex: 1;
  display: inline-block;
  text-align: center;
  padding: 0.75rem;
}

.ui-dialog .ui-dialog-buttonpane button:last-child {
  margin: 0;
}

.ui-dialog-buttonset button.button--primary {
  background-color: var(--color-theme);
  margin-right: 20px;
}

.ui-dialog-buttonset button {
  border-radius: 0.25rem;
  border-color: var(--color-theme);
}

.ui-dialog-buttonset button:hover,
.ui-dialog-buttonset button:focus {
  outline: none;
}

form.component-wrapper-toolbar-form-form > .form-wrapper > .form-item input,
form.component-wrapper-toolbar-form-form > .form-wrapper > .form-item select {
  border: 1px solid #e5e5e5;
  border-radius: 8px;
}

form.component-wrapper-toolbar-form-form input[type=text]:focus {
  outline: none;
  border-color: var(--color-border);
}

.cke_chrome,
.cke_inner {
  border-radius: 8px;
}

.cke_top {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}

.cke_bottom {
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}

/* --- Field ---*/
form.component-wrapper-toolbar-form-form fieldset {
  display: flex;
  flex-wrap: wrap;
  border: none;
  padding: 0;
}

form.component-wrapper-toolbar-form-form .fieldset__legend {
  background-color: transparent;
  color: #000;
  float: none;
  max-width: 10rem;
  width: 100%;
  margin: 0 2rem 0 0;
  font-size: 0.9375rem;
  line-height: 1.25rem;
  font-family: 'Inter';
  font-weight: 600;
}

form.component-wrapper-toolbar-form-form .component-builder--properties---item .fieldset__legend {
  float: left;
}

form.component-wrapper-toolbar-form-form .component-builder--properties---item > .fieldset__wrapper {
  padding: 0;
}

form.component-wrapper-toolbar-form-form .component-builder--properties---item > .fieldset__wrapper > .fieldset {
  border: 1px solid #eaeaea;
  border-radius: 0.5rem;
  padding: 1rem;
  margin-top: 0;
  position: relative;
  padding-top: 3rem;
}

form.component-wrapper-toolbar-form-form .component-builder--properties---item > .fieldset__wrapper > fieldset .fieldset__legend {
  text-transform: capitalize;
  margin-right: 0;
  color: #fff;
  background-color: var(--color-theme);
  padding: 1rem 1rem;
  position: absolute;
  top: 0;
  left: 0;
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
}

form.component-wrapper-toolbar-form-form .component-builder--properties---item > .fieldset__wrapper > fieldset .fieldset__wrapper {
  padding: 0;
}

form.component-wrapper-toolbar-form-form .component-builder--properties---item > .fieldset__wrapper > fieldset .form-item {
  margin-bottom: 0;
}

form.component-wrapper-toolbar-form-form .component-builder--properties---item > .fieldset__wrapper > fieldset label {
  max-width: 100%;
}

form.component-wrapper-toolbar-form-form fieldset fieldset .fieldset__legend {
  max-width: 100%;
}

form.component-wrapper-toolbar-form-form fieldset > .fieldset__wrapper {
  flex: 1;
  background-color: transparent;
}

form.component-wrapper-toolbar-form-form fieldset > .fieldset__wrapper > div > div:first-child .form-item {
  margin-top: 0;
}

form.component-wrapper-toolbar-form-form .fieldset__legend > span {
  color: inherit;
  padding: 0;
}

/* article.node--type-article >h2, */
article.node > h2,
article.node .node__title,
article.node .node__title + .contextual,
article.node > .node__content > .field--type-text-with-summary {
  display: none;
}

article.node > h2,
article.node .node__title,
article.node .node__title + .node__meta,
article.node > .node__content > .field--type-text-with-summary {
  padding: 0.5rem 1.25rem;
}


.preview .component-builder-toolbar__wrapper-info,
.preview .component-builder-toolbar__wrapper-actions {
  display: none;
}

.component-builder-toolbar--component-block.preview .component-builder-toolbar__wrapper-actions {
  display: flex;
}

.preview .block {
  background-color: #fff;
  border: none;
  padding: 0;
}

.preview .block.block-system-branding-block {
  background-color: transparent;
}

.preview .component-builder-toolbar__block:hover,
.preview .component-builder-toolbar__block:focus {
  border: none;
  background-color: transparent;
}

.preview article.node > .node__content > .field--type-text-with-summary {
  padding: 0 0;
}

.preview article.node > h2,
.preview article.node .node__title,
.preview article.node .node__title + .node__meta {
  /* padding: 0.5rem 1.25rem; */
  padding: 0 0;
}

.preview article.node > h2,
.preview article.node .node__title,
.preview article.node > h2,
.preview article.node .node__title,
.preview article.node > .node__content > .field--type-text-with-summary {
  display: block;
}

/* -- Select -- */
.select2-container {
  z-index: 9999;
}

.select2-container .select2-dropdown {
  width: 100%;
}

.select2-results__option--selectable {
  margin-bottom: 1.5rem;
}

.select2-container--default .selection .select2-selection--single {
  border-radius: 0.5rem;
  border: 1px solid #e5e5e5;
  padding: 9px 12px;
  height: auto;
}

.select2-container--default .selection .select2-selection--single .select2-selection__arrow {
  top: 50%;
  transform: translateY(-50%);
  right: 15px;
}

.select2-container--default.select2-container--open .select2-selection--single {
  border-color: var(--color-border);
  background-color: var(--color-bg-selected);
}

.select2-container--default.select2-container--open .select2-selection__rendered {
  color: var(--color-border);
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  font-size: 15px;
  line-height: 24px;
  padding: 0;
}

.select2-container--default .select2-results > .select2-results__options {
  margin-left: 0.75rem;
}


.select2-container--default .select2-results__group {
  font-size: 0.9375rem;
  line-height: 1.5rem;
  color: #151d2e;
  font-weight: 500;
  font-family: 'Inter';
  padding: 0.5rem 0.25rem;
  position: relative;
  display: flex;
  align-items: center;
  border-radius: 0.5rem;
  margin-top: 0.75rem;
  margin-bottom: 1rem;
}

.select2-container--default .select2-results__group:hover,
.select2-container--default .select2-results__group:focus {
  background-color: #fafafa;
}

.select2-container--default .select2-results__group:checked:before,
.select2-container--default .select2-results__group:focus:before {
  background: url(./images/down.svg) no-repeat;
  background-size: 13px 18px;
  background-position: center;
}

.select2-container--default .select2-results__group:before {
  content: '';
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-right: 0.25rem;
  background: url(./images/right.svg) no-repeat;
  background-size: 18px 13px;
  background-position: center;
}

.select2-container--default .select2-results__option--selected,
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
  background-color: transparent;
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable .field-img {
  border: 1px solid #2a85d5;
}

.select2-container--default .select2-results__option .select2-results__option {
  padding-left: 0;
}

.select2-container--open .select2-dropdown--below {
  border-color: var(--color-border);
  color: var(--color-border);
}

.select2-results__options--nested {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.select2-results__options--nested .select2-results__option {
  max-width: calc(50% - 0.75rem);
  flex: 0 0 calc(50% - 0.75rem);
  padding: 0;
}

.select2-results__option .group-inner {
  text-align: center;
}

.select2-results__option .field-img {
  border: 1px solid #f0f0f0;
  padding: 0.5rem;
  margin-bottom: 0.5rem;
}

.select2-results__option h4 {
  font-size: 0.9375rem;
  line-height: 1.5rem;
  font-weight: 400;
  font-family: 'Inter';
}

.select2-results__option .field-img img {
  width: auto;
  margin-left: auto;
  margin-right: auto;
  height: 250px;
  object-fit: contain;
}

.select2-results__options .group-field h1,
.select2-results__options .group-field h2,
.select2-results__options .group-field h3,
.select2-results__options .group-field h4,
.select2-results__options .group-field h5,
.select2-results__options .group-field h6 {
  margin: 0;
  margin-bottom: 10px;
}

/* --------------- */

.component-builder-toolbar--wrapper-field-reference > div {
  width: 100%;
}

.component-wrapper-sidebar-grid .component-builder-toolbar--component-block-info {
  padding-right: 5.75rem;
}

.component-builder-toolbar__region {
  box-shadow: 0px 1px 1px rgba(21, 29, 46, 0.05);
}

.component-builder-toolbar__block {
  padding: 0.5rem 1.25rem;
  border: 2px solid #e5e5e5;
  border-radius: 0.5rem;
  padding-left: 3.3375rem;
}

.component-builder-toolbar__block.block-system-main-block {
  padding: 0;
  border: none;
}

.component-builder-toolbar__block.block-system-main-block:hover,
.component-builder-toolbar__block.block-system-main-block:focus {
  border: none;
  background-color: transparent;
}

.component-builder-toolbar--component-block:hover,
.component-builder-toolbar--component-block:focus {
  border: 2px dashed #2a85d5;
  background-color: #fff;
  outline: none;
}

.ief-entity-operations {
  position: relative;
}

[dir="ltr"] .ajax-progress.ajax-progress-throbber {
  margin: 0;
}

.component-wrapper-toolbar-form-form .ajax-progress.ajax-progress-throbber {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.component-wrapper-toolbar-form-form .ajax-progress.ajax-progress-throbber .message {
  display: none;
}

.ajax-progress.ajax-progress-throbber {
  display: none;
}

.component-toolbar-move-loading {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, .6);
  margin: 0;
  z-index: 999;
}

.component-toolbar-move-loading-icon {
  width: 48px;
  height: 48px;
  border: 3px solid #fff;
  border-radius: 50%;
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  box-sizing: border-box;
  animation: rotation 1s linear infinite;
}

.component-toolbar-move-loading-icon:after {
  content: '';
  box-sizing: border-box;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 3px solid;
  border-color: #2a85d5 transparent;
}

.component-builder-toolbar--component-block--title {
  font-size: 1rem;
  line-height: 1.5rem;
  color: var(--color-title);
  font-weight: bold;
  text-align: center;
  margin: 10px 0;
  vertical-align: middle;
}

.component-builder-toolbar__actions {
  display: flex;
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}

.component-builder-toolbar__actions a {
  display: inline-block;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 600;
  color: #fff;
  text-decoration: none;
  background-color: var(--color-theme);
  border-radius: 0.5rem;
  padding: 0.5rem 1rem;
}

.component-builder-toolbar__actions a:before {
  content: "";
  display: inline-block;
  width: 12px;
  height: 12px;
  background: url(./images/plus.svg) no-repeat;
  background-size: contain;
}

.text-full.form-item > .form-item {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}

[dir="ltr"] .social-bar__inner {
  margin-bottom: 0;
}

.field--name-field-price > .form-item {
  display: flex;
  flex-wrap: wrap;
}

.field--name-field-price > .form-item label {
  flex: 0 0 100%;
  order: -1;
}

.field--name-field-price > .form-item input {
  order: 0;
  flex: 1;
}

.field--name-field-price > .form-item .field-prefix {
  margin-left: 10px;
}

.component-builder-toolbar--wrapper-field-reference > div > .form-wrapper > .fieldset__legend {
  float: left;
}

.component-builder-toolbar--wrapper-field-reference > div > .form-wrapper .fieldset__wrapper {
  padding: 0;
  overflow-x: hidden;
  border: none;
}

.component-builder-toolbar--wrapper-field-reference > div > .form-wrapper .fieldset__wrapper .form-item label {
  max-width: 100%;
  display: block;
  font-size: 0.875rem;
  line-height: 1.025rem;
  font-family: 'Inter';
  font-weight: 600;
  margin-bottom: 6px;
}

.component-builder-toolbar--wrapper-field-reference > div > .form-wrapper .fieldset__wrapper .form-type-boolean label {
  line-height: 1.75rem;
}

.component-builder-toolbar--wrapper-field-reference > div > .form-wrapper .fieldset__wrapper table .form-type-boolean label {
  line-height: 1.5rem;
}

.component-builder-toolbar--wrapper-field-reference > div > .form-wrapper .fieldset__wrapper table .form-type-boolean {
  margin-bottom: 0;
}

.component-builder-toolbar--wrapper-field-reference > div > .form-wrapper .fieldset__wrapper table .fieldset__legend {
  margin-bottom: 0.375rem;
}

.component-builder-toolbar--wrapper-field-reference > div > .form-wrapper .fieldset__wrapper .form-item__description {
  padding-left: 0;
  width: 100%;
  display: none;
}

.component-builder-toolbar--wrapper-field-reference > div > .form-wrapper > .fieldset__wrapper .form-wrapper {
  margin-top: 0;
  padding: 0;
  position: relative;
  background-color: transparent;
}

.component-builder-toolbar--wrapper-field-reference > div > .form-wrapper > .fieldset__wrapper .container-inline {
  margin-top: 1rem;
}

.component-builder-toolbar--wrapper-field-reference > div > .form-wrapper > .fieldset__wrapper .field--type-block-field {
  margin-bottom: 1rem;
}

.component-builder-toolbar--wrapper-field-reference > div > .form-wrapper > .fieldset__wrapper .form-wrapper .form-wrapper input[type="submit"] {
  float: left;
  display: block;
  text-align: center;
  margin-bottom: 1rem;
  line-height: 2.5rem;
}

.component-builder-toolbar--wrapper-field-reference > div > .form-wrapper > .fieldset__wrapper .form-wrapper .field--type-file input[type="submit"] {
  margin-bottom: 0;
}

.component-builder-toolbar--wrapper-field-reference input.ief-entity-submit {
  background-color: #151d2e;
  color: #fff;
  border: 1px solid #151d2e;
}

.component-builder-toolbar--wrapper-field-reference .container-inline input.form-submit {
  border-radius: 0.5rem;
  display: inline-block;
  width: 100%;
  height: 2.5rem;
  background-color: #e8f4ff;
  text-align: center;
  border: 1px solid #acd7fd;
  color: var(--color-theme);
}

details.olivero-details table.draggable-table td:last-child {
  vertical-align: top;
}

details.olivero-details .olivero-details__wrapper .fieldset__wrapper {
  padding: 0;
  border-bottom-left-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
}

details.olivero-details .olivero-details__wrapper .fieldset__wrapper .form-item {
  padding-left: 1rem;
  padding-right: 1rem;
}

details.olivero-details .olivero-details__wrapper .fieldset__wrapper .form-item label {
  font-weight: 400;
  align-items: center;
}

details.olivero-details .fieldset__legend {
  background-color: #fafafa;
  border-bottom: 1px solid #e5e5e5;
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
}

details.olivero-details .fieldset__label {
  color: var(--color-body);
  padding: 1rem 1.125rem;
  text-transform: capitalize;
}

details.olivero-details .form-item {
  margin-top: 1rem;
  margin-bottom: 1rem;
}

details.olivero-details .component-attributes-wrapper--properties-options,
details.olivero-details .component-attributes-wrapper--properties-styles {
  border: 1px solid #e7edf1;
  border-radius: 0.5rem;
}

details.olivero-details .component-attributes-wrapper--properties-options .fieldset__legend,
details.olivero-details .component-attributes-wrapper--properties-styles .fieldset__legend {
  margin-right: 0;
  max-width: 100%;
  font-size: 1rem;
  float: left;
}

details.olivero-details .component-attributes-wrapper--properties-options .fieldset__label,
details.olivero-details .component-attributes-wrapper--properties-styles .fieldset__label {
  padding: 1rem 1.125rem;
}

.olivero-details__description {
  display: none;
}

.site-main > .region--content {
  margin-bottom: 0;
}

.component-builder-toolbar__region--no-data::before {
  display: none;
}

/* --- Tabs --- */
[dir="ltr"] .tabs__link {
  padding-left: 0rem;
  padding-right: 0rem;
}

ul.tabs.tabs--primary {
  margin-left: -0.5625rem;
  margin-right: -0.5625rem;
}

ul.tabs .tabs__link {
  font-size: 0.9375rem;
  line-height: 1.5rem;
  font-weight: 500;
  background-color: transparent;
  border: none;
  height: auto;
  padding: 0 1rem;
  text-transform: uppercase;
  color: #606b80;
}

ul.tabs .tabs__link:hover,
ul.tabs .tabs__link:focus,
ul.tabs .tabs__link.is-active {
  color: var(--color-theme);
}

ul.tabs .tabs__link.is-active:after {
  display: none;
}

.component-builder-toolbar__block.contextual-region.focus {
  outline: none;
}

.block .contextual {
  font-weight: 400;
}

.component-builder-toolbar__hidden-sibling-block.site-branding__inner,
.component-builder-toolbar__hidden-sibling-block {
  display: none;
}

.preview .component-builder-toolbar__hidden-sibling-block {
  display: block;
}

.preview .main-content {
  overflow-x: hidden;
}

.component-builder-toolbar__block .contextual {
  display: block;
  right: 0.1875rem;
}

.contextual .visually-hidden,
.component-builder-toolbar__hidden-sibling-block.contextual .visually-hidden {
  position: relative !important;
  clip: unset;
  width: auto;
  height: auto;
  background-color: transparent;
}

/* --- Preview mode --- */

.preview .region > .component-builder-toolbar--component-block,
.preview .region--highlighted .component-builder-toolbar--component-block,
.preview .region--highlighted .component-builder-toolbar--component-block .component-builder-preview {
  margin: 0;
}

.preview .component-builder-toolbar--component-block-actions,
.preview .component-builder-toolbar--component-block-info,
.preview .header-nav .menu--main .component-builder-toolbar__block__title,
.preview .block-system-branding-block .component-builder-toolbar__block__title,
.preview .site-main:before,
.preview .region--sidebar:before {
  display: none;
}

.preview .header-nav .menu--main ul.menu,
.preview .block-local-tasks-block .block__content {
  display: block;
}

.preview .region .search-block-form form,
.preview .wrapper-preview {
  display: block;
}


.preview .contextual-region.focus {
  outline: none;
}

.preview .contextual,
.preview .block-local-tasks-block {
  display: none;
}

.preview .block-local-tasks-block {
  display: block;
}

.preview .component-builder-toolbar__block__title {
  display: none;
}

.preview .component-builder-toolbar--component-block {
  padding: 0;
  border: none;
  outline: none;
  overflow: unset;
  max-width: 100%;
  width: 100%;
}

.preview .component-builder-toolbar__region-name > span,
.preview .component-builder-toolbar__actions {
  display: none;
}

.preview .region {
  padding: 1rem 1rem;
}

.preview .text-content,
.preview .cke_editable {
  font-family: 'Inter';
}

.component-builder-toolbar--component-block.preview {
  padding-top: 3rem;
}

.component-builder-toolbar--component-block.preview .component-builder.styles--direction--show_desc {
  margin-top: 2rem;
}

.component-builder-toolbar--component-block.preview .component-builder-toolbar--component-block-actions {
  display: block;
}

.component-builder-toolbar__block.block-system-powered-by-block {
  font-size: 0.9375rem;
  line-height: 1.5rem;
  color: var(--color-title);
  margin-bottom: 1rem;
}

.component-wrapper-sidebar-grid .block-page-title-block {
  margin-bottom: 1rem;
}

/*Update D10*/
input[value="Remove"], input[value="Edit"], input[value="Delete"] {
  font-size: 0 !important;
}

.text-full.form-item > [class*="form-item-comment-body"] {
  display: block;
}

/* ------------ */

@media (min-width: 31.25rem) {
  .site-header__inner .mobile-buttons {
    margin-top: 2.25rem;
  }
}

@media (min-width: 43.75rem) {
  .main-content > .main-content__container {
    padding-top: 0;
  }

  .region .region--footer_top__inner > *,
  .region .region--footer_bottom__inner > * {
    margin-bottom: 0.75rem;
  }

  .region--footer_top__inner > .component-builder,
  .region--footer_bottom__inner > .component-builder,
  .region--content-below > .component-builder,
  .region--content-below > .component-builder-toolbar--component-block {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .region > .block-page-title-block,
  .region > .block-local-tasks-block {
    margin-bottom: 1rem;
  }

  [dir="ltr"] .region.region--content-below > *,
  [dir="ltr"] .region.region--content-below > *:nth-child(2n),
  [dir="ltr"] .region.region--content-below > *:last-child,
  [dir="ltr"] .region .region--footer_top__inner > *:not(:last-child),
  [dir="ltr"] .region .region--footer_bottom__inner > *:not(:last-child) {
    margin-right: 0;
  }

  .sidebar-grid.component-wrapper-sidebar-grid .region--sidebar,
  .component-wrapper-sidebar-grid.layout--content-medium,
  .component-wrapper-sidebar-grid.layout--pass--content-medium > * {
    grid-column: 1 / 15;
  }

  .grid-full .layout--content-medium,
  .grid-full .layout--pass--content-medium > * {
    grid-column: 1 / 15;
  }

  .site-main {
    margin-bottom: 2rem;
  }

  .field.text-content,
  .field.cke_editable {
    font-size: 1rem;
    line-height: 1.5rem;
  }
}

@media (min-width: 62.5rem) {
  .sidebar-grid.component-wrapper-sidebar-grid > .site-main {
    grid-column: 1 / 11;
  }

  article > .node__content {
    padding-bottom: 0;
  }

  .component-wrapper-sidebar-grid.layout--content-medium,
  .component-wrapper-sidebar-grid.layout--pass--content-medium > * {
    grid-column: 1 / 15;
  }

  .sidebar-grid.component-wrapper-sidebar-grid .region--sidebar {
    grid-column: 11 / 15;
    border-radius: 16px;
  }

  .region--sidebar.component-builder-toolbar__region {
    min-width: 21.09rem;
  }

  .olivero-details__wrapper {
    margin: 0 1.25rem;
  }

  .region > .component-builder-toolbar__block {
    margin: 0.75rem 0;
  }

  .region.region--content-above {
    min-width: 714.85px;
  }

  .region > .block-system-branding-block {
    margin-top: 0;
  }

  .region > .menu--main {
    margin: 1.25rem 0;
  }

  .region--content > .component-builder-toolbar__block {
    margin: 0 0 0.75rem;
  }
}

@media (min-width: 75rem) {
  header.site-header {
    min-height: auto;
  }

  header.site-header .site-branding__inner .component-builder-toolbar__block__title,
  header.site-header .site-branding__inner {
    height: 5.25rem;
  }

  .site-header__inner__container.container {
    padding-left: 0;
    padding-right: 0;
  }

  .site-footer .site-footer__inner {
    padding-top: 4.5rem;
    padding-bottom: 4.5rem;
  }

  .site-header .sticky-header-toggle,
  body:not(.is-always-mobile-nav) .site-header__inner .header-nav {
    height: auto;
  }

  body:not(.is-always-mobile-nav) .primary-nav__menu--level-1 {
    display: flex;
    justify-content: center;
  }

  [dir="ltr"] .rotate > *:not(:first-child).block-node-syndicate-block {
    margin-right: 5.25rem;
  }

  [dir="ltr"] .rotate .block-node-syndicate-block .contextual {
    top: 13px;
    left: 95%;
  }

  [dir="ltr"] .rotate > *:not(:first-child).component-builder-toolbar__block {
    margin-right: 5.25rem;
    padding-right: 3rem;
    padding-left: 1.25rem;
  }

  [dir="ltr"] .preview .rotate > *:not(:first-child).component-builder-toolbar__block {
    margin-right: 10rem;
  }

  [dir="ltr"] .rotate > *:not(:first-child).component-builder-toolbar__block .component-builder-toolbar__block__title {
    padding-left: 0;
  }

  [dir="ltr"] .rotate > *:not(:first-child).component-builder-toolbar__block button.trigger {
    top: 0.75rem;
    right: 0;
  }
}

@media (max-width: 43.74rem) {
  .component-wrapper-properties-form details.olivero-details .form-item {
    margin-top: 0;
  }

  form.component-wrapper-toolbar-form-form fieldset > .fieldset__wrapper {
    flex: 0 0 100%;
    margin-top: 1rem;
  }

  form.component-wrapper-toolbar-form-form > .form-wrapper table .image-widget {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    max-width: 100%;
    flex: 0 0 100%;
  }

  form.component-wrapper-toolbar-form-form > .form-wrapper table .image-widget > .form-item {
    display: flex;
    flex-wrap: wrap;
  }

  form.component-wrapper-toolbar-form-form > .form-wrapper .form-item__description,
  form.component-wrapper-toolbar-form-form .wrapper-display--custom {
    padding-left: 0;
  }

  .wrapper-display--custom .field--type-boolean {
    max-width: 50%;
    flex: 0 0 50%;
    margin-right: 0;
    padding-right: 0;
  }

  form.component-wrapper-toolbar-form-form > .form-wrapper .form-managed-file .form-element--api-file,
  details.olivero-details .form-item label,
  .component-builder-toolbar--wrapper-field-reference > div > .form-wrapper > .fieldset__legend,
  form.component-wrapper-toolbar-form-form > .form-wrapper > label,
  form.component-wrapper-toolbar-form-form > .form-wrapper .form-item label {
    max-width: 100%;
    flex: 0 0 100%;
    margin-right: 0;
    margin-bottom: 0.5rem;
  }

  .display-in-region--wrapper.component-builder--properties---item,
  .form-wrapper > .component-builder--properties---item,
  .component-builder--properties---item .field--type-image {
    max-width: 100%;
  }

  .component-builder-toolbar--wrapper-field-reference > div > .form-wrapper > .fieldset__legend {
    float: none;
    margin-bottom: 1.5rem;
  }

  form.component-wrapper-toolbar-form-form > .form-wrapper .filter-wrapper {
    margin-top: 0;
  }

  form.component-wrapper-toolbar-form-form > .form-wrapper {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset .button {
    height: 3rem;
  }

  .component-builder-preview {
    padding: 0;
  }
}

@media (max-width: 30rem) {
  .wrapper-display--custom .field--type-boolean {
    max-width: 100%;
    flex: 0 0 100%;
  }
}
