@import url(/themes/arise/css/font-awesome-free.min.css);

:root {
    --black: #000;
    --white: #fff;
    --arise-rich-black: #061527;
    --arise-rich-black2: #06080F;
    --arise-charcoal: #3D5363;
    --arise-aqua: #A7D7DA;
    --arise-aqua-light: #E4EEF2;
    --arise-blue: #68A2B9;
    --arise-links-cta: #339EA5;
    --arise-light-grey: #efefef;
    --arise-alice-blue: #339EA5;
    --arise-2nd: #E6ECF0;
    --arise-keyline: rgba(6, 21, 39, .20);
    --arise-keyline-light: rgba(255, 255, 255, .5);
    --arise-bg: #E6ECF0;
    --arise-orange: #F07C24;
    --arise-pink: #CC78A1;
}

option[value="black"] {
  background-color: var(--black);
}
option[value="white"] {
  background-color: var(--white);
}
option[value="rich-black"] {
  background-color: var(--arise-rich-black);
}
option[value="charcoal"] {
  background-color: var(--arise-charcoal);
}
option[value="aqua"] {
  background-color: var(--arise-aqua);
}
option[value="aqua-light"] {
  background-color: var(--arise-aqua-light);
}
option[value="blue"] {
  background-color: var(--arise-blue);
}
option[value="link-cta"] {
  background-color: var(--arise-link-cta);
}
option[value="light-grey"] {
  background-color: var(--arise-light-grey);
}
option[value="alice-blue"] {
  background-color: var(--arise-alice-blue);
}
option[value="keyline"] {
  background-color: var(--arise-keyline);
}
option[value="keyline-light"] {
  background-color: var(--arise-keyline-light);
}
option[value="arise-2nd"] {
  background-color: var(--arise-2nd);
}

option[value="black"],
option[value="charcoal"],
option[value="rich-black"],
option[value="blue"],
option[value="alice-blue"],
option[value="rich-black2"],
option[value="links-cta"] {
    color: var(--white);
}


.claro-details__description {
line-height: 1!important;
padding: 0.5rem;
background: #fbfffb;
border-radius: 3px;
border: solid 1px #d4ddd5;
border-left: solid 4px rgb(128, 158, 128);
font-size: var(--font-size-sm);
width: auto;
display: inline-block;
margin: 0 !important;
}

.layout-region--node-main .layout-region__content,
.layout-region--node-footer .layout-region__content {
  width: 100% !important;
}

.layout-region--node-main,
.layout-region--node-footer {
  width: 100% !important;
}

.placeholder {
  display: inline-block !important;
  min-height: inherit !important;
  vertical-align: initial !important;
  cursor: wait !important;
  background-color: transparent !important;
  opacity: 1 !important;
}

/* .form-wrapper .button  {
  margin: .5rem 0.75rem .5rem 0 !important;
  padding: .5rem .75rem !important;
  font-weight: 500 !important;
} */

.js .paragraph-type-title {
  flex-basis: 25% !important;
}

.paragraph-type-label {
  font-weight: 600;
}

.js .paragraph-type-top {
  align-items: center;
}

[data-drupal-selector="edit-field-content"] > table.draggable-table > tbody > tr.draggable {
  border: solid 1px rgb(222, 223, 228);
  border-radius: .5rem;
  margin: 1rem 0 0 0;
  display: inline-table;
  width: 100%;
  padding-right: 1rem;
}

[data-drupal-selector="edit-field-content"] tr.draggable > td:nth-child(2) {
  padding-right: 1rem;
}

/**
* For custom styles.
*/

.field--widget-entity-reference-paragraphs-browser {
  margin-bottom: 2em;
}

.field--widget-entity-reference-paragraphs-browser .js-hide {
  display: none !important;
}

.paragraphs-browser-wrapper .form-item-filters {
  display: inline-block;
}

.paragraphs-browser-wrapper .form-item-pb-modal-text {
  margin: 0.75em 0 1.75em;
}

@media screen and (min-width: 480px) {
  .paragraphs-browser-wrapper .form-item-pb-modal-text {
    display: inline-block;
    margin: 0.75em 0 0.75em 15px;
  }
}

.paragraphs-browser-wrapper .form-wrapper {
  display: flex;
  flex-wrap: wrap;
}

.paragraphs-browser-wrapper .form-wrapper {
  margin: 1em 0 3em;
}

.paragraphs-browser-wrapper .form-wrapper:last-child {
  margin: 1em 0;
}

.paragraphs-browser-wrapper h2 {
  width: 100%;
  margin: 0;
}

.paragraphs-browser-wrapper fieldset:not(.fieldgroup) {
  border: solid 1px #e7e7e7;
  border-radius: 12px;
  height: auto;
  padding: 1rem;
  background: #eee;
  margin: 1%;
}

@media screen and (min-width: 480px) {
  .paragraphs-browser-wrapper fieldset:not(.fieldgroup) {
    width: 48%;
    margin-left: 0 !important;
  }

  .paragraphs-browser-wrapper fieldset:nth-of-type(odd) {
    margin-left: 0;
  }
}

@media screen and (min-width: 600px) {
  .paragraphs-browser-wrapper fieldset:nth-of-type(odd) {
    margin-left: 0 !important;
  }

  .paragraphs-browser-wrapper fieldset:nth-of-type(2n+1) {
    margin-left: 0;
  }
}

@media screen and (min-width: 800px) {
  .paragraphs-browser-wrapper fieldset:not(.fieldgroup) {
    margin-left: 0 !important;
    width: 49%;
  }

  .paragraphs-browser-wrapper fieldset:nth-of-type(odd) {
    margin-left: 0 !important;
  }

  .paragraphs-browser-wrapper fieldset:nth-of-type(3n+1) {
    margin-left: 0;
  }
}

.paragraphs-browser-wrapper fieldset:not(.fieldgroup) legend {
  text-align: left;
  position: relative;
  letter-spacing: 0;
  margin: 0;
  top: 2rem;
  width: 100%;
  font-weight: 600;
  font-size: 110%;
}

.paragraphs-browser-wrapper fieldset div {
  text-align: center;
}

.paragraphs-browser-wrapper fieldset input {
  position: absolute;
  top: 0.7rem;
  right: 1.1rem;
  left: auto;
  transform: none;
  width: 80px;
  max-width: none;
  margin: 0;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .25);
  line-height: 0;
  padding: .5rem 1rem;
}

@media screen and (min-width: 480px) {
  .paragraphs-browser-wrapper fieldset input {
    max-width: none;
  }
}

@media screen and (min-width: 600px) {
  .paragraphs-browser-wrapper fieldset input {
    transform: none;
  }
}

.paragraphs-browser-wrapper img {
  margin-top: 2rem;
  max-width: 100%;
  height: auto;
}

.paragraphs-browser-paragraph-type {
  cursor: pointer;
  width: 100%;
  box-sizing: border-box;
  padding: 24px 10px 35px;
  margin-right: 0;
  position: relative;
}

.paragraphs-browser-paragraph-type:hover {
  border-color: #00a5e3;
}

.paragraph-type-title .paragraph-group {
  font-weight: bold;
}

.paragraphs-browser-settings-form .draggable a.tabledrag-handle {
  margin-top: 10px;
}

.paragraphs-browser-settings-form .draggable a.tabledrag-handle + div {
  display: inline-block;
}