/*
 * preset
*/
/* medium = 500; light = 300 */
/*
:root
   {
      --hx-letter-spacing: 0.05rem;
      --a-letter-spacing: 0.05rem;
      --strong-letter-spacing: 0.05rem;
      --p-letter-spacing: 0.05rem;
      --btn-letter-spacing: 0.05rem;
   }
*/
/*
:root
   {
      --hx-font-family: 'Barlow Condensed';
      --hx-font-weight: 500;
      --p-font-family: 'Barlow Condensed';
      --p-font-weight: 300;
      --strong-font-family: 'Barlow Condensed';
      --strong-font-weight: 500;
      --a-font-family: 'Barlow Condensed';
      --a-font-weight: 500;
   }
:root
   {
      --p-c: rgba(0, 0, 0, 0.9);      
      --a-c: #006171;
      --a-c-hover: #d3d93e;
      --h1-c: rgba(0, 0, 0, 0.9);
      --h2-c: rgba(0, 0, 0, 0.9);
      --h5-c: rgba(0, 0, 0, 0.9);
      --h1-br: #006171;
      --h2-br: #006171;
      --fill-container-bg-bg: #006171;
      --fill-container-bg-c: #ffffff;
      --blockquote-before-c: #006171;
      --blockquote-after-c: #006171;
      
      --h3-c: rgba(0, 0, 0, 0.9);
      --h4-c: rgba(0, 0, 0, 0.9);
      --nav-pager-bg: #006171;
      --nav-pager-c: #e5f4eb;
      --nav-pager-bg-hover: #00a4b4;
      --nav-pager-c-hover:    #ffffff;
      
      --breadcrumb-a-c: rgba(0,0,0,0.9);
      --breadcrumb-a-c-hover: #00a4b4;      
      --indented-br-c: #006171;
      --box-bg: #e5f4eb;
      --container-highlight-bg: #e5f4eb;
      --container-highlight-h5-c: #006171;
            
      --footer-copyright-a-c: #006a4d;
      --footer-copyright-br: #006a4d;
      
      --footer-copyright-c: ;
      --footer-copyright-bg: ;
      --footer-c: ;
      --footer-bg: ;
      
      --focus-outline
   }
*/
/* *************************** */
h4
   {
      position: relative;
      text-align: left;
      margin-bottom: 1rem;
      margin-top: 2rem;
      line-height: 2.5rem;
      color: var(--h4-c);
      font-size: 1.2rem;
      letter-spacing: var(--hx-letter-spacing);
      font-family: var(--hx-font-family);
      font-style: normal;
      font-weight: var(--hx-font-weight);
   }
/* *************************** */

img
   {
      display: block;
   }
img.header-logo, svg.header-logo 
   {
      max-width: none;
      height: auto;
      max-height: 100%;
      width: auto;
   }
figcaption
   {
      text-align: left;
   }
figcaption,
figcaption p
   {
      font-size: 1rem;
      line-height: 1.5rem;
   }
p,
main.page-content
   {
      font-family: var(--p-font-family);
      font-style: normal;
      font-weight: var(--p-font-weight);
      font-size: 1rem;
      line-height: 1.75rem;
      letter-spacing: var(--p-letter-spacing);
      color: var(--p-c);
   }
p,
.p-wysiwyg li,
ul.file-list li,
.tile-block h5 a
   {
      font-family: var(--p-font-family);
      font-style: normal;
      font-weight: var(--p-font-weight);
      /*
      font-size: 1rem;
      line-height: 1.75rem;
      font-size: 1.5rem;
      line-height: 1.85rem;
      */
      font-size: 1.25rem;
      line-height: 1.6rem;
      color: var(--p-c);
      margin-top: 0;
      margin-bottom: 1rem;
   }
.tile-block h5 a
   {
      letter-spacing: var(--a-letter-spacing);
   }
.tile-block h5 a:focus
   {
      outline: var(--focus-outline);
   }
.p-wysiwyg ul,
ul.file-list
   {
      list-style: none;
   }
.p-wysiwyg li,
ul.file-list li 
   {
      position: relative;
   }
.p-wysiwyg li:before,
ul.file-list li:before 
   {
      content: "";
      width: 27px;
      height: 24px;
      position: absolute;
      top: 0.25rem;
      left: -2.5rem;
      background-image: url('../images/arrow-right.svg');
      background-size: 27px 24px;
      background-repeat: no-repeat;
      background-position: top left;
   }
strong,
.strong,
.strong-all,
.strong-all *
   {
      font-family: var(--strong-font-family);
      font-style: normal;
      font-weight: var(--strong-font-weight);
      letter-spacing: var(--strong-letter-spacing);
   }
main a,
.cke_editable_themed a
   {
      position: relative;
      color: var(--a-c);
      font-family: var(--a-font-family);
      font-style: normal;
      font-weight: var(--a-font-weight);
      letter-spacing: var(--a-letter-spacing);
      /*
      -webkit-text-underline-position: under;
      text-underline-position: under;
      text-decoration: underline;
      */
      text-decoration: none;
   }
main a,
.cke_editable_themed a
   {
      border-width: 0rem;
      border-bottom-width: 0.125rem;
      border-color: var(--a-c);
      border-style: solid;
   }
main a:focus,
.cke_editable_themed a:focus
   {
      outline: var(--focus-outline);
   }
main a:hover,
.cke_editable_themed a:hover
   {
      color: var(--a-c-hover);
      border-color: var(--a-c-hover);
   }
.more-link
   {
      font-size: 1.25rem;
      line-height: 1.6rem;
      font-family: var(--strong-font-family);
      font-style: normal;
      font-weight: var(--strong-font-weight);
   }
h1, 
h2,
h3
   {
      
      position: relative;
      text-align: center;
      margin-bottom: 3rem;
      margin-top: 0rem;
      /* text-transform: uppercase; */
      color: var(--h1-c);
      letter-spacing: var(--hx-letter-spacing);
      font-family: var(--hx-font-family);
      font-style: normal;
      font-weight: var(--hx-font-weight);
   }
h1
   {
      font-size: 2.25rem;
      line-height: 2.75rem;
   }

@media (min-width: 992px)
   {
      h1
         {
            /*
            font-size: 1.2rem;
            line-height: 2.5rem;
            font-size: 3rem;
            */
            font-size: 2.5rem;
            line-height: 3.5rem;
         }
   }
h2,
h4
   {
      /*
      font-size: 1.2rem;
      line-height: 2.5rem;
      */
      font-size: 1.875rem;
      line-height: 2.0625rem;
      color: var(--h2-c);
   }
h3
   {
      /*
      font-size: 1.2rem;
      line-height: 2.5rem;
      */
      font-size: 1.875rem;
      line-height: 2.0625rem;
      color: var(--h3-c);
   }
h1
   {
      margin-top: 2rem;
   }
h2.special_one
   {
      margin-bottom: -0.125rem;
   }
.cke_editable_themed h2.special_one
   {
      margin-bottom: 0rem;
   }
h2.special_two,
h3
   {
      text-align: left;
      /* text-transform: uppercase;  */ 
      margin-bottom: 1rem;    
   }
h2.special_two:before
   {
      content: '';
      border-width: 0rem;      
   }
h1:before, 
h2:before
   {
      content: '\00a0';
      border-width: 0rem;
      /* border-bottom-width: 0.1875rem; */
      border-bottom-width: 0.25rem;
      border-style: solid;
      border-color: var(--h1-br);
      /* width: 7rem; */
      width: 9rem;
      position: absolute;
      -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      transform: translateX(-50%);
      /* bottom: 0rem; */
      bottom: -0.5rem;
      margin: auto;
      left: 50%;
   }
h2:before
   {
      border-color: var(--h2-br);
   }
h5
   {
      /*
      font-size: 1.2rem;
      */
      /* line-height: 2.375rem; */
      font-size: 1.5rem;
      line-height: 1.875rem;
      
      line-height: 2rem;
      letter-spacing: var(--hx-letter-spacing);
      color: var(--h5-c);
      margin: 0rem;
      margin-bottom: 0.5rem;
      font-family: var(--hx-font-family);
      font-style: normal;
      font-weight: var(--hx-font-weight);
   }
.tile-block h5 a
   {
      color: var(--a-c);
      font-family: var(--hx-font-family);
      font-style: normal;
      font-weight: var(--hx-font-weight);
   }
.tile-block h5 a:hover
   {
      color: var(--a-c-hover);
   }
.tile-block h5 a:focus
   {
      outline: var(--focus-outline);
   }
blockquote
   {
      margin: 0rem;
      margin-top: 1rem;
      margin-bottom: 1rem;
      display: block;
      font-style: italic;
      position: relative;
      padding: 1rem;
      padding-left: 4rem;
      padding-right: 4rem;
   }
blockquote *
   {
      font-style: italic;
   }
blockquote:before,
blockquote:after
   {
      font-size: 5rem;
      color: var(--blockquote-before-c);
      position: absolute;
   }
blockquote:after
   {
      color: var(--blockquote-after-c);
   }
blockquote:before 
   {
      content: "\00BB";
      top: 0rem;
      left: 0rem;
   }
blockquote:after 
   {
      content: "\00AB";
      bottom: 1rem;
      right: 0.75rem;
   }
.fill-container-bg
   {
      background-color: var(--fill-container-bg-bg);
      color: var(--fill-container-bg-c);
   }
.fill-container-bg p
   {
      color: var(--fill-container-bg-c);
   }
.msg-icon
   {
      font-size: 6rem;
   }
.eye-catcher h5
   {
      text-transform: uppercase;
   }
/* pager */
nav.pager ul
   {
      list-style: none;
      text-align: center;
   }
nav.pager li
   {
      display: inline-block;
      margin-left: 0.5rem;
      margin-right: 0.5rem;
   }
nav.pager li a
   {
      -webkit-appearance: none;
      -moz-appearance: none;
      border-radius: 0rem;
      background-image: none;
      cursor: pointer;
      text-decoration: none;
      display: inline-block;
      margin: 0rem;
      padding: 0.5rem 0.75rem;
      border-width: 0rem;
      background-color: var(--nav-pager-bg);
      color: var(--nav-pager-c);
      font-family: var(--a-font-family);
      font-style: normal;
      font-weight: var(--a-font-weight);
      font-size: 1rem;
      line-height: 1.75rem;
      letter-spacing: var(--a-letter-spacing);
   }
nav.pager li a:hover
   {
      background-color: var(--nav-pager-bg-hover);
      color: var(--nav-pager-c-hover);
   }
nav.pager li a:focus
   {
      outline: var(--focus-outline);
   }
   
/* breadcrumb */
   
.breadcrumb a:hover
   {
      color: var(--breadcrumb-a-c-hover);
      text-decoration: none;
      border-width: 0rem;
   }
.breadcrumb a:focus
   {
      outline: var(--focus-outline);
   }
.breadcrumb a
   {
      color: var(--breadcrumb-a-c);
      text-decoration: none;
      border-width: 0rem;
      font-size: 1rem;
      line-height: 1.75rem;
      font-family: var(--p-font-family);
      font-style: normal;
      font-weight: var(--p-font-weight);
   }
.breadcrumb 
   {
     padding: 0rem;
     padding-right: 1rem;
     padding-left: 1rem;
     /* margin-top: 2rem; */
     margin-top: 0.5rem;
     margin-bottom: 1rem;
     background-color: transparent;
     border-radius: 0rem;
   }
.breadcrumb ol 
   {
     margin: 0;
     padding: 0;
   }
[dir="rtl"] .breadcrumb ol 
   {
     /* This is required to win over specificity of [dir="rtl"] ol */
     margin-right: 0;
   }
.breadcrumb li 
   {
     display: inline;
     margin: 0;
     padding: 0;
     list-style-type: none;
   }
/* IE8 does not support :not() and :last-child. */
.breadcrumb li:before 
   {
     /* content: " \BB ";*/
     content: " > ";
   }
.breadcrumb li:first-child:before 
   {
     content: none;
   }
/* h1 title */
.n_front_page #block-b-title
   {
      display: none;
   }
/* fontawesome module media icon */
.fontawesome-icons
   {
      display: inline-block;
   }
.fontawesome-icons + br
   {
      display: none;
   }
 
/* comment */
.indented
   {
      /* border-width: 0.125rem; */
      border-width: 0.25rem;
      border-color: var(--indented-br-c);
      border-left-style: solid;
      padding-left: 1rem;
   }
/* box */
.box
   {
      font-size: 1.25rem;
      background-color: var(--box-bg);
      padding: 1rem;
   }
.layout--flex-special-one aside
   {
      font-size: 1.25rem;
   }
/* container-highlight */
.container-highlight
   {
      background-color: var(--container-highlight-bg);
   }
.container-highlight h5
   {
      color: var(--container-highlight-h5-c);
   }
   
/* footer - menu - copyright */
.page-footer #block-b-footer-copyright
   {
      padding-bottom: 5rem;
   }
.page-footer #block-b-footer-copyright ul.menu
   {
      margin: 0rem;
      padding: 0rem;
      font-family: var(--a-font-family);
      font-style: normal;
      font-weight: var(--a-font-weight);
      list-style: none outside;
      text-align: left;
      /*
      justify-content: center;
      display: flex;
      flex-wrap: wrap;
      */
   }
.page-footer #block-b-footer-copyright ul.menu a,
.page-footer #block-b-footer-copyright ul.menu span.nav-link
   {
      position: relative;
      display: inline-block;
      padding-top: 0rem;
      padding-left: 1rem;
      padding-right: 1rem;
      padding-bottom: 0rem;
      color: var(--footer-copyright-a-c);
      text-decoration: none;
      border-width: 0rem;
      font-size: 1.2rem;
      line-height: 2.375rem;
      letter-spacing: var(--a-letter-spacing);
      font-family: var(--a-font-family);
      font-style: normal;
      font-weight: var(--a-font-weight);    
      margin-top: 0.5rem;
      margin-bottom: 0.5rem;
   }
.page-footer #block-b-footer-copyright ul.menu span.nav-link
   {
      font-family: var(--p-font-family);
      font-style: normal;
      font-weight: var(--p-font-weight);   
   }
.page-footer #block-b-footer-copyright ul.menu li
   {
      width: auto;
      text-align: center;
   }
.page-footer #block-b-footer-copyright ul.menu a:hover
   {
      background-color: transparent;
   }
.page-footer #block-b-footer-copyright ul.menu a:focus
   {
      outline: var(--focus-outline);
   }
.page-footer #block-b-footer-copyright ul.menu a:before
   {
      content: '\00a0';
      border-width: 0rem;
      border-bottom-width: 0.1875rem;
      border-style: solid;
      border-color: transparent;
      /* width: 25%; */
      width: 0%;
      position: absolute;
      -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      transform: translateX(-50%);
      bottom: 0rem;
      margin: auto;
   }  
.page-footer #block-b-footer-copyright ul.menu a:hover:before,
.page-footer #block-b-footer-copyright ul.menu a.is-active:before
   {        
      border-color: var(--footer-copyright-br);
      animation: ani-border-before-two ease-out 500ms forwards;
      animation-iteration-count: 1;
      transform-origin: 50% 50%;
      -webkit-animation: ani-border-before-two ease-out 500ms forwards;
      -webkit-animation-iteration-count: 1;
      -webkit-transform-origin: 50% 50%;
      -moz-animation: ani-border-before-two ease-out 500ms forwards;
      -moz-animation-iteration-count: 1;
      -moz-transform-origin: 50% 50%;
      -o-animation: ani-border-before-two ease-out 500ms forwards;
      -o-animation-iteration-count: 1;
      -o-transform-origin: 50% 50%;
      -ms-animation: ani-border-before-two ease-out 500ms forwards;
      -ms-animation-iteration-count: 1;
      -ms-transform-origin: 50% 50%;
   }
 
.page-footer #block-b-footer-copyright
   {
      background-color: var(--footer-copyright-bg);
      color: var(--footer-copyright-c);
   }
.page-footer #block-b-footer
   {
      color: var(--footer-c);
      background-color: var(--footer-bg);
   }
.page-footer #block-b-footer .p-wysiwyg p
   {
      color: var(--footer-c);
   }  
/* 2020-04-20 */

@keyframes ani-border-before
   {
      0% 
         {
            left: 5%;
            transform: translateX(0%);
         }
      75%
         {
            left: 5%;
            transform: translateX(0%);
            width: 45%;
         }
      100%
         {
            left: 5%;
            transform: translateX(0%);
            width: 55%;
         }
   }
@keyframes ani-border-after
   {
      0% 
         {
            right: 5%;
            transform: translateX(0%);
         }
      75%
         {
            right: 5%;
            transform: translateX(0%);
            width: 45%;
         }
      100%
         {
            right: 5%;
            transform: translateX(0%);
            width: 55%;
         }
   }
@keyframes ani-border-before-two
   {
      0% 
         {
            left: 50%;
            transform: translateX(0%);
         }
      25%
         {
            left: 25%;
            transform: translateX(0%);
            width: 50%;
         }
      100%
         {
            left: 3%; /* 5% */
            transform: translateX(0%);
            width: 94%; /* 90% */
         }
   }
@keyframes ani-border-after-two
   {
      0% 
         {
            right: 50%;
            transform: translateX(0%);
         }
      25%
         {
            right: 25%;
            transform: translateX(0%);
            width: 55%;
         }
      100%
         {
            right: 5%;
            transform: translateX(0%);
            width: 90%;
         }
   }
/* */
.page-footer
   {
      padding-top: 5rem;
   }
   /*
.page-content
   {
      padding-top: 2.5rem;
   }*/
.n_front_page .page-content
   {
      padding-top: 0rem;
   }
@media (min-width: 992px)
   {
      .layout .tile-block
         {
            margin-top: calc(2 * -0.9375rem) !important;
            margin-bottom: calc(2 * -0.9375rem) !important;
         }
   }
.n_proposal #block-b-n-proposal-geo-data
   {
      /* margin-top: -2.5rem; */
      margin-bottom: 0.5rem;
   }
/* h1 title */
.n_front_page #block-b-title
   {
      display: none;
   }
/* n_point_of_interest */
/*
.n_point_of_interest #block-b-n-proposal-geo-data
   {
      margin-top: -2.5rem;
   }
   */
   
.comment-form__title
   {
      margin-top: 4rem;
   }