/**
  * @file
  * Classes which get applied by CKEditor plugins.
  **/

/** A generalized and a CKE5 plugin class name for the indent **/
.Indent1,
.cke5-custom-block-indent-1 {
  margin-left: 2rem;
}

/** Styles dropdown **/
.hanging-indent {
  text-indent: -3em;
  padding-left: 3em;
}

/**
  * Other widths that can be used by content editors.
  * Initially developed for details blocks of descriptions
  * under art gallery images (hence the description class names).
  * Later expanded to be available to all elements.
  *
  * containers.css in the layout folder provide higher level
  * classes for layouts.
  * Those are used more in templates and config.
  **/
.description-center,
.block-center {
  margin: 0 auto;
}

.description-66,
.width-66 {
  width: 66%;
}

.description-70,
.width-70 {
  width: 70%;
}

.description-75,
.width-75 {
  width: 75%;
}

.description-80,
.width-80 {
  width: 80%;
}

.description-90,
.width-90 {
  width: 90%;
}

/** Discreet style for details, only available to content editors. Cannot set the class directly on the details, or CKE will wipe it out, so wrap the details in a div with this class **/
div.discreet details summary {
  border: none;
  padding: 5px;
  background-color: var(--light-grey);
  color: var(--laurier-purple);
}