.ui-widget-overlay {
    background-color: #1B1B1B99 !important;
    opacity: 1 !important;
}

.ui-widget.ui-widget-content {
    border: none;
    background-color: var(--sand-alt);
    border-radius: 0;
    padding: 1rem;
}

.ui-dialog-content.ui-widget-content {
    padding: 1rem;
}

.ui-dialog .ui-dialog-titlebar {
    padding: .4em 1em;
    position: relative;
    background: transparent;
    border: none;
}

.ui-dialog .ui-dialog-titlebar {
    padding: 1em 2em;
    position: relative;
    background: transparent;
    border: none;
    text-align: center;
}

.ui-dialog-title {
    font-family: var(--font-canela);
    font-weight: 500;
    font-size: calc(var(--font-size-base) * 5);
    line-height: 1em;
    color: var(--black);
    margin: 0;
    padding: 0;
}

.ui-widget input:not([type="radio"]) {
    font-size: calc(var(--font-size-base) * 1.75);
    font-weight: 300;
    height: var(--field-size) !important;
    color: var(--color-paragraph-solid) !important;
    ;
    background-color: transparent;
    border: unset;
    border-bottom: 2px solid #cecece;
}


.form-item.js-form-type-textfield {
    height: var(--field-size) !important;
}

.ui-dialog .ui-dialog-buttonpane {
    background-color: transparent;
    text-align: center;
    border: none;
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
    float: none;
}

.ui-button.ui-corner-all.ui-widget.ui-button-icon-only.ui-dialog-titlebar-close {
    background: transparent;
    border: none;
}

.ui-dialog .ui-dialog-buttonpane button {
    max-width: 100%;
    height: 58px;
    text-transform: uppercase;
    text-decoration: unset;
    color: var(--white);
    background-color: var(--red);
    border: unset;
    border-radius: 3px;
    cursor: pointer;
    padding: 12px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
    margin: auto;
    min-width: 200px;

    & svg {
        width: 15px;
        color: inherit;
    }

    &:hover {
        background-color: var(--red-dark);
    }
}

.form-submit {
    width: 204px;
    max-width: 100%;
    height: 58px;
    text-transform: uppercase;
    text-decoration: unset;
    color: var(--white);
    background-color: var(--red);
    border: unset;
    border-radius: 3px;
    cursor: pointer;
    padding: 12px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
    transition: all var(--transition-standard);
    margin-left: auto;

    & svg {
        width: 15px;
        color: inherit;
    }

    &:hover {
        background-color: var(--red-dark);
    }
}

/* bg */
.ui-widget-overlay {
    z-index: 110 !important;
}

/* dialog */
.ui-widget {
    font-family: var(--font-roboto);
}

.ui-widget.ui-widget-content {
    z-index: 111 !important;

    & .form-item.js-form-type-textfield,
    & .form-item.js-form-type-password {
        margin-top: 20px;
        display: flex;
        flex-direction: column;
        gap: 5px;
    }

    & label {
        font-size: calc(var(--font-size-base) * 1.5);
        font-weight: 500;
        text-transform: uppercase;
        color: var(--color-paragraph-solid);
    }

    & input:not([type="radio"]) {
        height: 48px !important;
    }
}


.webform-submission-form {
    display: flex;
    flex-wrap: wrap;
    padding: 10px;
}

.webform-submission-form .js-form-item.form-item.js-form-type-processed-text {
    width: 100%;
    margin-bottom: 20px;
}

.webform-submission-form .js-form-item.form-item:not(.js-form-type-processed-text) {
    margin-top: 10px;
    display: flex;
    flex-direction: column;
    margin-bottom: 10px;
    margin-right: 30px;
}

.webform-submission-form .js-form-type-webform-terms-of-service {
    width: 100%;
}

.webform-submission-form .js-form-type-webform-terms-of-service input {
    margin-right: auto;
}

@media screen and (min-width: 1024px) {
    .webform-submission-form .js-form-item.form-item:not(.js-form-type-processed-text):not(.js-form-type-webform-terms-of-service) {
        width: calc(100% / 3 - 60px)
    }
}

.webform-submission-form .form-type-webform-terms-of-service.js-form-type-webform-terms-of-servic {
    width: 100%;
    border: 2px solid violet;
}

.webform-submission-form hr.webform-horizontal-rule--solid {
    border-bottom: transparent;
    width: 100%;
}

.webform-terms-of-service-details {
    padding: 10px 0;
    border: transparent;
}

.webform-submission-form label {
    font-size: calc(var(--font-size-base) * 1.5);
    font-weight: 500;
    text-transform: uppercase;
    color: var(--color-paragraph-solid);

}

.webform-submission-form input:not([type="checkbox"]) {
    font-size: calc(var(--font-size-base) * 1.75);
    font-weight: 300;
    height: 48px;
    color: var(--color-paragraph-solid);
    border: unset;
    border-bottom: 2px solid #cecece;
}

.text-count-wrapper .text-count-message {
    font-size: 12px;
}

.webform-submission-form .webform-button--submit.button.button--primary.js-form-submit.form-submit {
    width: 204px;
    max-width: 100%;
    height: 58px;
    text-transform: uppercase;
    text-decoration: unset;
    color: var(--white);
    background-color: var(--red);
    border: unset;
    border-radius: 3px;
    cursor: pointer;
    padding: 12px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
    transition: all var(--transition-standard);
    margin-left: auto;
    margin-top: 40px;
}

.webform-submission-form .webform-button--submit.button.button--primary.js-form-submit.form-submit:hover {
    background-color: var(--red-dark);
}

div[role="contentinfo"] {
    background-color: #f8d7da;
    color: #721c24;
    padding: 1rem;
    border: 1px solid #f5c6cb;
}

div[role="contentinfo"] ul {
    list-style-type: none;
    padding-left: 0;
}

div[role="contentinfo"] ul li {
    color: #721c24;
    font-size: 18px;
}

/* ***************** */

.views-field-field-image {
    width: 100%;
    margin-bottom: 40px;
    float: none;
  }
  
  /* Campi in colonna */
  .views-field-term-node-tid,
  .views-field-title,
  .views-field-created,
  .views-field-view-node {
    display: block;
    margin-bottom: 10px;
  }
  
  /* Clearfix */
  .views-row::after {
    content: "";
    display: table;
    clear: both;
  }

  .views-field-view-node {
    line-height: 1.75em;
    color: var(--color-paragraph);
    padding: 0;
    margin: 0;
  }
  
  @media (min-width: 769px) {
    .views-field-field-image {
      float: left;
      width: 40%;
      margin-right: 20px;
      margin-bottom: 10px;
    }
  
    .views-field-term-node-tid,
    .views-field-title,
    .views-field-created,
    .views-field-view-node {
      overflow: hidden; 
    }
  }

.footer-content .social {
    position: absolute;
    z-index: 999;
    bottom: 10%;
}


/* category styling */

section.editorial .editorial-content .bef-links ul {
    display: flex;
    flex-direction: row;
    list-style: none;
    margin-bottom: 40px;
}

.editorial-content .bef-links li .bef-link {
    font-weight: 500;
    font-family: "Roboto", sans-serif;
    color: #424242;
    font-size: 1.0625rem;
    text-decoration: none;
    margin-right: 30px;
}

.editorial-content .bef-links li .bef-link:hover,
.editorial-content li .bef-link.bef-link--selected {
    color: #c04d49;
    text-decoration: underline;
    text-underline-offset: 8px;
}

.svb-category-view .item-list ul {
    list-style: none;
}

.svb-category-view .item-list ul li {
    margin-bottom: 40px;
}

.svb-category-view .item-list ul li .svb-category-link a {
    font-family: "Roboto", Sans-serif;
    font-size: 0.8125rem;
    font-weight: 700;
    text-transform: uppercase;
    color: #c04d49;
    text-decoration: none;
}

section.editorial .editorial-content .svb-category-view .svb-item-title a {
    color: #424242;
    font-family: "Canela", Sans-serif;
    text-decoration: none;
    font-size: 1.75rem;
    line-height: 1;
    font-weight: 400;
}

section.editorial .editorial-content .svb-category-view .svb-item-link {
    border-bottom: 2px solid #D7C1A5;
    padding-bottom: 2px;
}

section.editorial .editorial-content .svb-category-view .svb-item-link a {
    color: #D7C1A5;
    font-family: "Roboto", Sans-serif;
    font-size: 16px;
    text-decoration: none;
}

/* taxonomy view styling */

.editorial .page-title {
    font-family: var(--font-canela);
    font-weight: 500;
    font-size: calc(var(--font-size-base) * 6);
    line-height: 1em;
    color: var(--sand);
    margin: 0;
    padding: 0;
}

.svb-taxonomy-view {
    margin-top: 40px;
}

.svb-taxonomy-view .views-row {
    margin-bottom: 40px;
}

.svb-taxonomy-view .svb-category-link {
    font-family: "Roboto", Sans-serif;
    font-size: 0.8125rem;
    font-weight: 700;
    text-transform: uppercase;
    color: #c04d49;
    text-decoration: none;
}

section.editorial .svb-taxonomy-view .svb-item-title a {
    color: #424242;
    font-family: "Canela", Sans-serif;
    text-decoration: none;
    font-size: 1.75rem;
    line-height: 1;
    font-weight: 400;
}

section.editorial .svb-taxonomy-view .svb-item-link {
    border-bottom: 2px solid #D7C1A5;
    padding-bottom: 2px;
}

section.editorial .svb-taxonomy-view .svb-item-link a {
    color: #D7C1A5;
    font-family: "Roboto", Sans-serif;
    font-size: 16px;
    text-decoration: none;
}

/* Reset password form styling */
.messages__wrapper .messages.messages--status {
    font-size: 24px;
}

section.editorial .user-form label {
    font-size: calc(var(--font-size-base) * 1.5);
    font-weight: 500;
    text-transform: uppercase;
    color: var(--color-paragraph-solid);
    display: flex;
    margin-bottom: 4px;
}

section.editorial .user-form input:not([type="radio"]):not([type="submit"]),
section.editorial .user-form .form-select {
    font-size: calc(var(--font-size-base) * 1.75);
    font-weight: 300;
    height: 26px !important;
    color: var(--color-paragraph-solid) !important;
    background-color: transparent;
    border: unset;
    border: 1px solid #cecece;
}

section.editorial .user-form .form-item {
    margin-bottom: 10px;
}

section.editorial .user-form .description,
section.editorial .user-form summary {
    margin-bottom: 6px;
    margin-top: 6px;
}