/**
 * @file
 * Styles for modal windows.
 */

.ui-dialog--narrow {
    max-width: none!important;
}

@media screen and (max-width: 600px) {
  .ui-dialog--narrow {
    min-width: 95%;
    max-width: 95%;
  }
}


.klaro {

    --klaro-primary-color :var(--bulma-link);
    --klaro-link-color: var(--bulma-link);
    --klaro-link-color-hover: var(--bulma-link);
    --klaro-button-bg: var(--bulma-link);
    /* --klaro-button-text-color: #fff; */
    --klaro-button-border: 0;
    --klaro-button-border-radius: var(--bulma-radius);
    --klaro-button-padding: 12px 24px;
    --klaro-button-font-size: inherit;
    --klaro-button-font-weight: inherit;
    --klaro-button-line-height: 1rem;
    --klaro-button-box-shadow: inherit;
    --klaro-button-bg-hover: #e57600;
    --klaro-button-text-color-hover: #fff ;
    --klaro-button-border-hover: 0;
    --klaro-button-focus-outline: 0;
    --klaro-button-focus-outline-offset:0;
    --klaro-button-focus-box-shadow: inherit;
    --klaro-dialog-focus-outline: auto;
    --klaro-dialog-focus-box-shadow: none;
    --font-size: 1rem;
    --font-family: inherit;
    --title-font-family: inherit;
    --klaro-slider-bg: var(--bulma-white);
    --klaro-slider-bg-active: var(--bulma-link);
    --klaro-slider-bg-required: var(--bulma-link);
    /* --green1: #FF9800;
    --green2: #FF9800;
    --green3: #FF9800; */

    .cm-body,  .cm-header {
      padding: 1.5em!important;
      border-bottom-color: var(--bulma-border)!important;
    }

   .cm-footer {
      padding: 1.5em 1.5em 0 !important;
      border-top-color: var(--bulma-border)!important;
   }


   .cookie-modal .cm-list-label .slider.round, 
   .context-notice .cm-list-label .slider.round, 
   .cookie-notice .cm-list-label .slider.round {
        border: 1px solid #c4c0c0;
  }


@media (max-width: 1023px) {
   .cookie-notice:not(.cookie-modal-notice) {
        border: 1px solid var(--bulma-border);
    }
}

.cookie-notice:not(.cookie-modal-notice) {
    border: 1px solid var(--bulma-border);
}

.cookie-notice:not(.cookie-modal-notice) .cn-body {
    margin-bottom: 0;
    margin-right: 0;
    bottom: 0;
    padding: 1em 1.5em 1.5em;
}

 .cookie-modal .slider, 
 .context-notice .slider,
 .cookie-notice .slider {
    box-shadow: var(--bulma-shadow);
}

.cm-toggle-all {
  border-top-color: var(--bulma-border)!important;
  padding-top: 1.5em;
}

}


.klaro_toggle_dialog {
    width: 40px;
    height: 40px;
    left: 25px;
    right: auto;
  }