/* -------------------------------------------------------------------
 * ## ckeditor
 * ------------------------------------------------------------------- */

 :root {
    --paradiso-50: #f1fcfb;
    --paradiso-100: #d1f6f3;
    --paradiso-200: #a4ebe8;
    --paradiso-300: #6edad9;
    --paradiso-400: #40bec1;
    --paradiso-500: #27a0a5;
    --paradiso-600: #1c7d83;
    --paradiso-700: #1b646a;
    --paradiso-800: #1a5055;
    --paradiso-900: #1a4347;
    --paradiso-950: #09262a;

    --primary-color: var(--paradiso-500);
    --primary-color-50: var(--paradiso-50);
    --primary-color-100: var(--paradiso-100);
    --primary-color-200: var(--paradiso-200);
    --primary-color-300: var(--paradiso-300);
    --primary-color-400: var(--paradiso-400);
    --primary-color-500: var(--paradiso-500);
    --primary-color-600: var(--paradiso-600);
    --primary-color-700: var(--paradiso-700);
    --primary-color-800: var(--paradiso-800);
    --primary-color-900: var(--paradiso-900);
    --primary-color-950: var(--paradiso-950);


    --ecstasy-50: #fff7ed;
    --ecstasy-100: #feedd6;
    --ecstasy-200: #fcd7ac;
    --ecstasy-300: #f9ba78;
    --ecstasy-400: #f69341;
    --ecstasy-500: #f3751d;
    --ecstasy-600: #e45a12;
    --ecstasy-700: #bd4311;
    --ecstasy-800: #963616;
    --ecstasy-900: #792e15;
    --ecstasy-950: #411509;

    --secondary-color: var(--ecstasy-500);
    --secondary-color-50: var(--ecstasy-50);
    --secondary-color-100: var(--ecstasy-100);
    --secondary-color-200: var(--ecstasy-200);
    --secondary-color-300: var(--ecstasy-300);
    --secondary-color-400: var(--ecstasy-400);
    --secondary-color-500: var(--ecstasy-500);
    --secondary-color-600: var(--ecstasy-600);
    --secondary-color-700: var(--ecstasy-700);
    --secondary-color-800: var(--ecstasy-800);
    --secondary-color-900: var(--ecstasy-900);
    --secondary-color-950: var(--ecstasy-950);
}


/* -------------------------------------------------------------------
 * ## quote block
 * ------------------------------------------------------------------- */

  blockquote {
    background: var(--primary-color-50);
    border-right: 8px solid var(--primary-color);
    margin: 1.5em 10px;
    padding: 0.5em 10px;
    quotes: "\201C""\201D""\2018""\2019";
  }

  blockquote p {
    display: inline;
  }
  blockquote:before {
    content: '“';
  }
  blockquote:after {
    content: '”';
  }

/* -------------------------------------------------------------------
 * ## border block on text
 * ------------------------------------------------------------------- */

    .dashnote{
        border-radius: 0px;
        border: 4px dashed var(--primary-color);
        padding: 10px;
    }

/* -------------------------------------------------------------------
 * ## blog image size and center
 * ------------------------------------------------------------------- */

    .cke-img{
        display: block;
        margin-left: auto;
        margin-right: auto;
        width: 70%;
    }

    @media (max-width: 968px) {
        .cke-img {
            width: 100%;
        }
    }

/* -------------------------------------------------------------------
 * ## collapsible and toc colr and style
 * ------------------------------------------------------------------- */

     .collapsible-item-body {
        background: var(--primary-color-50);
        border-right: 5px solid var(--primary-color);
        margin: 1.5em 10px;
        padding: 0.5em 10px;
     }
     .collapsible-item-body > p{
        margin-bottom: 0;
        line-height: 30px;
     }

     .collapsible-item a{
        color: var(--primary-color);
     }