.erl-item h2
   {
      font-family: var(--font-family-2);
      font-style: normal;
      font-weight: var(--font-weight-2);
      
      font-size: 2.25rem; /* 36px */
      line-height: 2.875rem; /* 46px */   
      text-transform: uppercase;
      /* text-align: center; */
   } 
.erl-item h5
   {
      font-family: var(--font-family-2);
      font-style: normal;
      font-weight: var(--font-weight-2);
      
      font-size: 1.5rem; /* 24px */
      line-height: 2rem; /* 32px */   
      text-transform: uppercase;
      /* text-align: center; */
   } 
.erl-item h5.box
   {
      margin-left: 0.9375rem;
      margin-bottom: 0rem;
   }
.erl-item p
   {
 
      font-family: var(--font-family-1);
      font-style: normal;
      font-weight: var(--font-weight-1);
   
      /* font-size: 1.5rem; */ /* 24px */
      font-size: 1.125rem; /* 18px */
      line-height: 1.75rem; /* 28px */
   }  

/* for CK-Editor */
.erl-item ul.fa-ul 
   {
      
   }
.erl-item ul.fa-ul >  li > span.fontawesome-icon-inline
   {
      left: -2em;
      position: absolute;
      text-align: center;
      width: 2em;
      line-height: inherit;
      
   }
.erl-item ul.fa-ul >  li > span.fontawesome-icon-inline > span,
.erl-item ul.fa-ul >  li > span.fontawesome-icon-inline > i
   {
      color: var(--color-4);
   }
   
/* YouTube */
.erl-item .youtube-embed-wrapper
   {
      height:0; 
      overflow:hidden; 
      padding-bottom:56.25%; 
      padding-top:30px; 
      position:relative;
      
      box-shadow: 0rem 0.125rem 0.9375rem rgba(0, 0, 0, 0.15);
      border-radius: 0.9375rem;
   }
.erl-item .youtube-embed-wrapper > iframe
   {
      position:absolute;
      top:0;
      left:0;
      width:100%;
      height:100%;
   }
   
/* blockquote */
.erl-item blockquote 
   {
      margin: 0rem;
      padding-top: 1.5rem;
      padding-left: 3rem;
      padding-right: 0rem;
      
      font-family: var(--font-family-1);
      font-style: italic;
      font-weight: var(--font-weight-1);
      
      font-size: 1.5rem; /* 24px */
      line-height: 1.75rem; /* 28px */
      
      color: var(--color-4);
      border-left-color: var(--color-4);
      border-left-style: solid;
      border-left-width: 0.625rem; /* 10px */
   }
.erl-item blockquote p
   {
      font-family: var(--font-family-1);
      font-style: italic;
      font-weight: var(--font-weight-1);
      
      font-size: 1.5rem; /* 24px */
      line-height: 1.75rem; /* 28px */
   }
.erl-item blockquote div.author
   {
      text-align: right;
      
      font-family: var(--font-family-1);
      font-style: normal;
      font-weight: var(--font-weight-1);
      
      font-size: 1.125rem; /* 18px */
      line-height: 1.75rem; /* 28px */
      
      color: #333333;
   }
.erl-item blockquote.box
   {
      margin-left: 1.5rem;
      padding: 1.5rem;
      padding-left: 3rem;
      border-width: 0rem;
      background-color: #ffffff;
      border-radius: 0.9375rem;
      
      position: relative;
      
      color: #333333;
      
      font-family: var(--font-family-1);
      font-style: normal;
      font-weight: var(--font-weight-1);
      
      font-size: 1.125rem; /* 18px */
      line-height: 1.75rem; /* 28px */
   }
.erl-item blockquote.box p
   {      
      font-family: var(--font-family-1);
      font-style: normal;
      font-weight: var(--font-weight-1);
      
      font-size: 1.125rem; /* 18px */
      line-height: 1.75rem; /* 28px */
   }
.erl-item .white blockquote.box,
.erl-item .white blockquote.box p
   {      
      color: #333333 !important;
   }
.erl-item blockquote.box div.author
   {
      color: var(--color-4);
      
      font-family: var(--font-family-2);
      font-style: normal;
      font-weight: var(--font-weight-2);
      
      font-size: 1.125rem; /* 18px */
      line-height: 1.75rem; /* 28px */
   }
.erl-item blockquote.box:before
   {
      content: '\f10e';
      /* box-shadow: 0rem 0.125rem 0.9375rem rgba(0, 0, 0, 0.15); */
      text-shadow: 0rem 0.125rem 0.9375rem rgba(0, 0, 0, 0.15);
      font-size: 2rem;
      
      position: absolute;
      top: 1rem;
      left: -1.5rem;
      color: #FFF6D9;
      font-family: "Font Awesome 5 Pro";
      font-weight: 900;
      font-style: normal;
      font-variant: normal;
      text-rendering: auto;
      line-height: 1;
      list-style-type: none;
   }
   
/*
 * div
*/

.erl-item div[class*="text-align-"] ul
   {
      display: inline-block;
   }
.erl-item div[class*="text-align-"] ul li
   {
      text-align: left;
   }  
   
/* *************************************************************** */
/*
 * line hr
*/
.erl-item hr
   {
      border-color: var(--color-4);
      width: 50%;
      margin: auto;
      border-style: solid;
      border-width: 0rem;
      border-bottom-width: 0.1875rem;
   }
/*
 * ol / ol start 123
*/
.erl-item ol
   {
      counter-reset: li;
      list-style: none;
   }
.erl-item ol li:before
   {
      counter-increment: li;
      content: counter(li);
      font-size: 2rem;
      color: var(--color-4);
      display: inline-block;
      width: 1em; 
      margin-left: -1.5em;
      margin-right: 0.5em; 
      text-align: right; 
      direction: rtl;
      
      font-family: var(--font-family-2);
      font-style: normal;
      font-weight: var(--font-weight-2);
      font-size: 2.25rem; /* 36px */
      line-height: 0.5rem; /* 8px */
      vertical-align: middle;
   }
.erl-item ol[start="1"] li:before
   {
      counter-increment: li 1;
   }
.erl-item ol[start="2"] li:before
   {
      counter-increment: li 2;
   }
.erl-item ol[start="3"] li:before
   {
      counter-increment: li 3;
   }
/* 
 * dl accordion 
*/
.erl-item .dl-accordion
   {
      margin: 0rem;
      /* margin-bottom: 1.5rem; */
      margin-bottom: 3rem;
      /*
      padding: 1.875rem;
      padding-top: 1.375rem;
      padding-bottom: 1.375rem;
      */
      padding: 0.5rem;
      background-color: #ffffff;
      box-shadow: 0rem 0.125rem 0.9375rem rgba(0, 0, 0, 0.15);
      border-radius: 0.9375rem;
   }
.erl-item .dl-accordion dt
   {
      padding-left: 1.5rem;
      position: relative;
      font-family: var(--font-family-2);
      font-style: normal;
      font-weight: var(--font-weight-2);
      font-size: 1.125rem; /* 18px */
      line-height: 1.75rem; /* 28px */
      cursor: pointer;
   }
.erl-item .dl-accordion dt:focus
   {
      outline: 0rem;
   }
.erl-item .dl-accordion dt:before
   {
      content: '\f138';
      position: absolute;
      top: 0.3125rem;
      left: 0rem;
      color: var(--color-4);
      font-family: "Font Awesome 5 Pro";
      font-weight: 900;
      font-style: normal;
      font-variant: normal;
      text-rendering: auto;
      line-height: 1;
      list-style-type: none;
   }
.erl-item .dl-accordion dt:focus:before
   {
      content: '\f13a';  
   }
.erl-item .dl-accordion dt:focus + dd
   {
      max-height:2000px;
   }
.erl-item .dl-accordion dd
   {
      transition: all 1s ease; 
      max-height:0px; 
      overflow: hidden;
      
      font-family: var(--font-family-1);
      font-style: normal;
      font-weight: var(--font-weight-1);
      font-size: 1.125rem; /* 18px */
      line-height: 1.75rem; /* 28px */
      padding: 0rem;
      /* margin-left: 3rem; */
      margin-left: 1.5rem;
   }
.erl-item .dl-accordion dt,
.erl-item .dl-accordion dd
   {
      margin-top: 0.5rem;
      margin-bottom: 0.5rem;
   }

/*
* link icons
*/ 
.erl-item a
   {
      display: inline-block;
      font-weight: bold;
      color: var(--color-4);
   }
.erl-item a:after
   {
      padding-left: 0.25rem;
      -moz-osx-font-smoothing: grayscale;
      -webkit-font-smoothing: antialiased;
      display: inline-block;
      font-style: normal;
      font-variant: normal;
      text-rendering: auto;
      line-height: 1;

      font-family: 'Font Awesome 5 Pro';
      font-weight: 900;
   }
.erl-item a[target="_blank"]:not([href^="tel:"]):not([href^="mailto:"]):after
   {
      content: '\f35d';
   }
.erl-item a[href$=".pdf"]:after
   {
      content: '\f1c1';
   }
.erl-item a[href$=".doc"]:after,
.erl-item a[href$=".docx"]:after,
.erl-item a[href$=".xls"]:after,
.erl-item a[href$=".png"]:after,
.erl-item a[href$=".jpg"]:after,
.erl-item a[href$=".jpeg"]:after,
.erl-item a[href$=".bmp"]:after
   {
      content: '\f15c';
   }
.erl-item a[href$=".zip"]:after,
.erl-item a[href$=".rar"]:after
   {
      content: '\f1c6';
   }
/* 
 * text-column 
*/
.erl-item .text-col-1
   {
      column-count: 1;
   }
.erl-item .text-col-2
   {
      column-count: 2;
   }
.erl-item.text-col-3
   {
      column-count: 3;
   }
.erl-item .text-col-1,
.erl-item .text-col-2,
.erl-item .text-col-3
   {
      margin-top: 0.625rem;
      column-gap: 1.25rem; /* 20px */
   }
.erl-item .text-col-1 p,
.erl-item .text-col-2 p,
.erl-item .text-col-3 p
   {
      margin-top: 0rem;
   }
   
/*
* tile-link
*/
.erl-item ul.tile-link
   {
      list-style: none;
      margin: 0rem;
      margin-left: -0.9375rem; /* 15px */
      margin-right: -0.9375rem;
      
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      justify-content: flex-start;
      align-content: stretch;
      align-items: stretch;
   }
.erl-item ul.tile-link li
   {
      margin: 0rem;
      padding: 0rem;
      padding: 0.9375rem;
      padding-top: 2.8125rem;
      padding-bottom: 2.8125rem;
      
      flex: 0 1 33.3333%;
 
   }
.erl-item ul.tile-link li > a
   {
      display: block;
      text-align: center;
      
      text-decoration: none;     
      transform-origin: 50% 50%;
      transition: all 300ms ease-in-out;
      
      font-family: var(--font-family-1);
      font-size: 1.5rem; /* 24px */
      line-height: 2rem; /* 32px */

      text-transform: uppercase;
      color: #333333;
   }
.erl-item ul.tile-link li > a:hover,
.erl-item ul.tile-link li > a:focus
   {
      transform: scale(1.05, 1.05);
   }
.erl-item ul.tile-link li > a > span
   {
      display: block;
      margin-bottom: 1rem;
   }
.erl-item ul.tile-link li > a > span > span
   {
      display: inline-block;
      width: 8.75rem; /* 140px */
      height: 8.75rem; /* 140px */
      line-height: 8.75rem; /* 140px */
      font-size: 3rem; /* 48px */
      border-radius: 50%;
      background-color: var(--color-4);
      color: #ffffff;
   }