/* --- --------------------------------- --- */
/* --- Integrate into Global sitepackage --- */
/* --- --------------------------------- --- */
:root {
    --cardgroup-gap: 1.875rem;
    --cardmenu-gap: 1.875rem;
  /* --svg-icon:url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2028%2028%22%20xmlns%3Av%3D%22https%3A%2F%2Fvecta.io%2Fnano%22%3E%3Cpath%20d%3D%22M14.507%208.282l5.33%205.326c.217.217.218.569%200%20.786l-5.33%205.327c-.217.217-.569.218-.786%200l-.32-.321c-.216-.216-.216-.567%200-.783l3.973-3.83H8.557c-.307%200-.555-.249-.556-.556v-.463c0-.307.249-.555.556-.556h8.813l-3.969-3.819a.56.56%200%200%201-.012-.789l.323-.323a.56.56%200%200%201%20.795-.001h.001z%22%20fill%3D%22%23fff%22%2F%3E%3Ccircle%20cx%3D%2214%22%20cy%3D%2214%22%20fill%3D%22%23ff6009%22%20r%3D%2214%22%2F%3E%3Cpath%20d%3D%22M14.507%208.162l5.33%205.326c.217.217.218.569%200%20.786l-5.33%205.327c-.217.217-.569.218-.786%200l-.32-.321c-.216-.216-.216-.567%200-.783l.009-.009%203.964-3.821H8.557c-.307%200-.555-.249-.556-.556v-.463c0-.307.249-.555.556-.556h8.813l-3.969-3.819a.56.56%200%200%201-.012-.789l.323-.323a.56.56%200%200%201%20.795-.001h.001z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E'); */
    --svg-icon-outline:url('data:image/svg+xml;utf8,%3Csvg%20viewBox%3D%220%200%2028%2028%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ccircle%20cx%3D%2214%22%20cy%3D%2214%22%20fill%3D%22%23ff6009%22%20r%3D%2213.525%22%2F%3E%3Cg%20fill%3D%22%23fff%22%3E%3Cpath%20d%3D%22m14%2028c-7.72%200-14-6.28-14-14s6.28-14%2014-14%2014%206.28%2014%2014-6.28%2014-14%2014zm0-27c-7.168%200-13%205.832-13%2013s5.832%2013%2013%2013%2013-5.832%2013-13-5.832-13-13-13z%22%2F%3E%3Cpath%20d%3D%22m14.507%208.162%205.33%205.326c.217.217.218.569%200%20.786s-5.33%205.327-5.33%205.327c-.217.217-.569.218-.786%200s-.32-.321-.32-.321c-.216-.216-.216-.567%200-.783l.009-.009%203.964-3.821h-8.817c-.307%200-.555-.249-.556-.556v-.463c0-.307.249-.555.556-.556h8.813l-3.969-3.819c-.221-.215-.227-.568-.012-.789%200%200%20.002-.002.003-.003l.32-.32c.219-.22.575-.22.795-.001h.001z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
    --svg-icon-hover:url('data:image/svg+xml;utf8,%3Csvg%20height%3D%2228%22%20viewBox%3D%220%200%2028%2028%22%20width%3D%2228%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ccircle%20cx%3D%2214%22%20cy%3D%2214%22%20fill%3D%22%23218595%22%20r%3D%2214%22%2F%3E%3Cpath%20d%3D%22m134.507%20129.138%205.33%205.326a.556.556%200%200%201%200%20.787l-5.33%205.326a.556.556%200%200%201%20-.787%200l-.32-.32a.554.554%200%200%201%20.009-.792l3.964-3.821h-8.817a.557.557%200%200%201%20-.556-.556v-.463a.557.557%200%200%201%20.556-.556h8.813l-3.969-3.819a.558.558%200%200%201%20-.009-.792l.32-.32a.562.562%200%200%201%20.796%200z%22%20fill%3D%22%23fff%22%20transform%3D%22translate%28-120%20-120.976%29%22%2F%3E%3C%2Fsvg%3E');
    --svg-icon-hover-outline:url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2028%2028%22%20xmlns%3Av%3D%22https%3A%2F%2Fvecta.io%2Fnano%22%3E%3Ccircle%20cx%3D%2214%22%20cy%3D%2214%22%20fill%3D%22%2317a2b8%22%20r%3D%2213.525%22%2F%3E%3Cpath%20d%3D%22M14%2028A14.02%2014.02%200%200%201%200%2014%2014.02%2014.02%200%200%201%2014%200a14.02%2014.02%200%200%201%2014%2014%2014.02%2014.02%200%200%201-14%2014zm0-27A13.02%2013.02%200%200%200%201%2014a13.02%2013.02%200%200%200%2013%2013%2013.02%2013.02%200%200%200%2013-13A13.02%2013.02%200%200%200%2014%201zm.507%207.162l5.33%205.326c.217.217.218.569%200%20.786l-5.33%205.327c-.217.217-.569.218-.786%200l-.32-.321c-.216-.216-.216-.567%200-.783l.009-.009%203.964-3.821H8.557c-.307%200-.555-.249-.556-.556v-.463c0-.307.249-.555.556-.556h8.813l-3.969-3.819a.56.56%200%200%201-.012-.789l.323-.323a.56.56%200%200%201%20.795-.001h.001z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E')


    --primaryColor: var(--bs-primary);

    --svg-icon: url("data:image/svg+xml;utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2028%2028'%3E%3Cpath%20fill='black'%20d='M14%201.5c-6.9%200-12.5%205.6-12.5%2012.5S7.1%2026.5%2014%2026.5%2026.5%2020.9%2026.5%2014%2020.9%201.5%2014%201.5zm1.2%206.7l4.8%204.8c.3.3.3.7%200%201l-4.8%204.8c-.3.3-.7.3-1%200s-.3-.7%200-1l3.5-3.5H9c-.4%200-.8-.3-.8-.8s.3-.8.8-.8h8.7l-3.5-3.5c-.3-.3-.3-.7%200-1s.7-.3%201%200z'/%3E%3C/svg%3E");
    color: var(--primaryColor);
  }

/* Header */
[data-root] .container-mainnavigation {
  padding-top: calc((var(--mainnavigation-nav-height) - var(--mainnavigation-link-height)) / 2);
}

/* Topbar */
[data-root] .navbar-topbar,
[data-root] .navbar-topbar .navbar-brand {
  font-size: 1rem;
}
[data-root] .navbar-topbar .nav-link:not(.nav-link-toggle):before {
  display: none;
}
[data-root] .searchbox .input-group-text {
  background-color: transparent;
  font-size: 13px;
}

/* Typograhpy */
[data-root] h1,
[data-root] .h1,
[data-root] h2,
[data-root] .h2,
[data-root] h3,
[data-root] .h3,
[data-root] h4,
[data-root] .h4,
[data-root] h5,
[data-root] .h5,
[data-root] h6,
[data-root] .h6 {
  font-weight: 700;
  line-height: 1.3em;
}

[data-root] .h1,
[data-root] h1 {
  font-size: clamp(1.8rem,1.28rem + 1.75vw,3.375rem);
  line-height: 1.2em;
}

[data-root] .h2,
[data-root] h2 {
  font-size: clamp(1.7rem,1.43rem + 1.07vw,2.5rem);
  line-height: 1.25em;
}

[data-root] .h3,
[data-root] h3 {
  font-size: clamp(1.4rem,1.28rem + .47vw,1.75rem);
  line-height: 1.35em;
}

[data-root] .h4,
[data-root] h4 {
  font-size: clamp(1.15rem,1.12rem + .13vw,1.25rem);
}

[data-root] .frame-background-none h1,
[data-root] .frame-background-none .h1 {
  color: var(--bs-primary);
}

[data-root] h1 .text-info {
  font-size: clamp(2.2rem,1.4rem + 3.2vw,4.6rem);
  color: var(--bs-primary) !important;
  line-height: 1.2em;
}

[data-root] .frame-background-none h2,
[data-root] .frame-background-none .h2,
[data-root] .frame-background-light h2,
[data-root] .frame-background-light .h2,
[data-root] h2.element-header {
  color: var(--bs-secondary);
}

[data-root] .frame-background-primary h2.element-header,
[data-root] .frame-background-secondary h2.element-header,
[data-root] .frame-background-tertiary h2.element-header,
[data-root] .frame-background-quarternary h2.element-header,
[data-root] .frame-background-dark h2.element-header {
  color: var(--bs-heading-color);
}

[data-root] .lead {
  font-size: clamp(1.1rem,2vw,1.5rem);
}

[data-root] .caption {
  font-size: smaller;
}

[data-root] a {
  transition: color 0.3s ease-in-out;
}

[data-root] a:hover {
  color: var(--bs-secondary);
  text-decoration: none;
}

/* Breadcrumbs */
[data-root] .breadcrumb-section {
  background-color: white !important;
  padding: 0.75rem 0;
}

[data-root] .breadcrumb {
  text-transform: uppercase;
  font-size: small;
}

[data-root] .breadcrumb a {
  text-decoration: none;
}

[data-root] .breadcrumb .breadcrumb-text {
  color: var(--bs-body-color);
}

[data-root] .breadcrumb .active {
  font-weight: 700;
}

/* Navigation */
[data-root] .navbar-mainnavigation {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.15);
}

[data-root] #mainnavigation .nav-link-main {
  font-weight: 500;
  color: var(--bs-secondary);
}

[data-root] .navbar-nav {
  justify-content: flex-end;
}

@media screen and (max-width: 1200px) and (min-width: 992px) {
  [data-root] .navbar-mainnavigation .navbar-nav {
    --bs-nav-link-padding-x: 4px;
  }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
  [data-root] .navbar-mainnavigation .navbar-toggler {
    margin-top: 0px;
  }
}

@media screen and (min-width: 1200px) {
  [data-root] #mainnavigation .navbar-nav {
    --bs-nav-link-padding-x: 8px;
    font-size: 1.2em;
  }
}

/* Footer */
[data-root] .footer-section-content p,
[data-root] .footer-section-content a,
[data-root] .footer-navigation-link {
  color: #fff;
  text-decoration: none;
  font-weight: 400;
}

[data-root] .footer-section-content p {
  font-size: 1.25rem;
}

[data-root] .footer-section-content ul {
  display: flex;
  flex-wrap: wrap;
  padding: 0;
  margin: 0;
  list-style: none;
  gap: 0.25rem;
  font-size: 1.125rem;
}

[data-root] .footer-section-content li {
  width: 100%;
}

[data-root] .footer-section-content .gallery-item figure {
  width: 180px;
}

[data-root] .footer-section-meta .frame-background-default {
  padding: 20px 0 14px 0;
  font-size: 14px;
}

[data-root] .footer-info-section {
  display: none;
}

/* Images */
[data-root] .frame-group-inner img {
  border-radius: var(--bs-border-radius);
}

/* Buttons */
[data-root] .btn-outline-secondary {
  border: none;
  color: var(--bs-body-color);
  font-weight: 700;
}

[data-root] .btn:hover{
  color: var(--bs-btn-hover-color);
}

/* Cards */
[data-root] .card a:not(.btn),
[data-root] .link-arrow {
  color: var(--bs-frame-color);
}

[data-root] .frame-background-none .card a:not(.btn),
[data-root] .frame-background-none .link-arrow {
  color: var(--bs-body-color);
}

[data-root] .card-link,
[data-root] .link-arrow,
[data-root] .card .btn {
  font-weight: 700;
}

[data-root] .card-menu-item .card-title,
[data-root] .card-group-element-item .card-title {
  font-size: 1.75rem;
  font-weight: 700;
  line-height: 1.35rem;
  font-family: var(--bs-body-font-family);
  color: initial !important;
}

[data-root] .card-menu-item .card-subtitle,
[data-root] .card-group-element-item .card-subtitle {
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.3rem;
  font-family: var(--bs-body-font-family);
  color: initial !important;
}

[data-root] .card-link {
  text-decoration: none;
}

[data-root] .card-date {
  font-size: calc(1.025rem + 0.95vw);
}

[data-root] .card-img-top img {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

[data-root] .card .btn {
  box-shadow: none;
  background: none;
  border: none;
  padding-left: 0;
  color: var(--bs-body-color);
}

[data-root] .card .btn:hover {
  background: none;
  color: var(--frame-color);
}

[data-root] .card a:not(.btn):hover,
[data-root] .link-arrow:hover {
  text-decoration: none;
}

[data-root] .card-link:before,
[data-root] .link-arrow:before,
[data-root] .card .btn:before {
  display: block;
  content: ' ';
  background-color: var(--bs-primary);
  -webkit-mask-image: var(--svg-icon);
  mask-image: var(--svg-icon);
  transition: background-image 0.3s ease-in-out;
  background-size: 25px 25px;
  height: 25px;
  width: 25px;
  margin: 0 8px 0 0;
  float: left;
}

[data-root] .card a:not(.btn):hover:before,
[data-root] .link-arrow:hover:before,
[data-root] .card .btn:hover:before {
  background-color: var(--bs-secondary);
}

/* Carousel */
[data-root] .carousel-box {
  border-radius: var(--bs-border-radius);
}

@media (max-width: 991px) {
  [data-root] .carousel-item-type-call_to_action .carousel-box {
    max-width: 75%;
  }
}

@media (max-width: 767px) {
  [data-root] .carousel-item-type-call_to_action .carousel-box {
    max-width: 100%;
  }

  [data-root] .carousel-box,
  [data-root] .carousel-item-type-call_to_action .carousel-box {
    padding: 0.75rem;
    font-size: 0.75rem;
  }

  [data-root] .carousel-item-header {
    font-size: 1.5rem;
  }

  [data-root] .carousel-box li {
    font-size: small;
  }

  [data-root] .carousel-box p {
    font-size: small;
    margin-bottom: 0.5rem;
  }

  [data-root] .carousel-item-button {
    font-size: small;
  }
}

@media (max-width: 512px) {
  [data-root] .carousel-indicators {
    display: none;
  }
}

[data-root] .carousel .carousel-backgroundimage-container,
[data-root] .carousel .carousel-backgroundimage {
  background-size: cover;
  background-repeat: no-repeat;
}

[data-root] .carousel .carousel-control {
  --carousel-control-width: 80px;
}

[data-root] .carousel-control-prev-icon,
[data-root] .carousel-control-next-icon {
  width: 4rem;
  height: 4rem;
}

[data-root] .carousel-item-bodytext p{
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

/* News */
[data-root] .news .header {
  margin-bottom: 1.125rem;
}

[data-root] .news .article .news-img-wrap {
  background: none;
}

[data-root] .news .article .news-img-wrap a {
  border: none;
  background: none;
}

[data-root] .container-news a,
[data-root] .container-news a:hover {
  text-decoration: none;
}

[data-root] .container-news a .card-date,
[data-root] .container-news a .card-title,
[data-root] .container-news a .card-text {
  opacity: 1;
  transition: opacity 0.3s ease;
}

[data-root] .container-news a:hover .card-date,
[data-root] .container-news a:hover .card-title,
[data-root] .container-news a:hover .card-text {
  opacity: 0.6;
}

[data-root] .container-news .card-title {
  font-size: 1.25rem;
}

[data-root] .container-news-list {
  padding: 0;
}

[data-root] .container-news-list img {
  width: 100%;
  height: auto;
}

[data-root] .container-news .row {
  --bs-gutter-x: 1.875rem;
}

/* Newsletter */
[data-root] .container-newsletter .h2 {
  line-height: 1em;
}

[data-root] .container-newsletter .form-control {
  padding: 12px;
}

/* Pagination */
[data-root] .pagination {
  --bs-pagination-color: var(--bs-primary);
  --bs-pagination-hover-color: var(--bs-secondary);
}

/* Link Arrow */
[data-root] .link-arrow {
  text-decoration: none;
}

[data-root] .frame-background-primary .link-arrow,
[data-root] .frame-background-secondary .link-arrow,
[data-root] .frame-background-tertiary .link-arrow,
[data-root] .frame-background-quarternary .link-arrow,
[data-root] .frame-background-dark .link-arrow,
[data-root] .frame-background-light .link-arrow {
  color: var(--frame-color);
}

[data-root] .link-arrow:hover,
[data-root] .frame-background-primary .link-arrow:hover,
[data-root] .frame-background-secondary .link-arrow:hover,
[data-root] .frame-background-tertiary .link-arrow:hover,
[data-root] .frame-background-quarternary .link-arrow:hover,
[data-root] .frame-background-dark .link-arrow:hover,
[data-root] .frame-background-light .link-arrow:hover {
  color: var(--frame-color);
}

[data-root] .frame-background-primary .link-arrow:before,
[data-root] .frame-background-secondary .link-arrow:before,
[data-root] .frame-background-tertiary .link-arrow:before,
[data-root] .frame-background-quarternary .link-arrow:before,
[data-root] .frame-background-dark .link-arrow:before,
[data-root] .frame-background-light .link-arrow:before {
  background-image: var(--svg-icon-outline);
}

[data-root] .frame-background-primary .link-arrow:hover:before,
[data-root] .frame-background-secondary .link-arrow:hover:before,
[data-root] .frame-background-tertiary .link-arrow:hover:before,
[data-root] .frame-background-quarternary .link-arrow:hover:before,
[data-root] .frame-background-dark .link-arrow:hover:before,
[data-root] .frame-background-light .link-arrow:hover:before {
  background-image: var(--svg-icon-hover-outline);
}

[data-root] .link-arrow:after {
  display: none;
}

/* Search */
[data-root] article.card .card-body span,
[data-root] article.card .card-body ul.list-inline {
  display: none;
}

/* Tables */
[data-root] caption {
  font-size: smaller;
  color: var(--bs-frame-color);
}

[data-root] table.dataTable.dtr-inline.collapsed > tbody > tr > td.dtr-control,
[data-root] table.dataTable.dtr-inline.collapsed > tbody > tr > th.dtr-control {
  white-space: pre-line;
  min-width: 100px;
}

[data-root] table.dataTable td {
  vertical-align: middle;
}

/* Forms */
[data-root] .form-check-input {
  float: left;
  margin-left: -1.5rem;
}

[data-root] .form-element-check {
  padding-left: 1.5rem;
}