@charset "UTF-8";
/** COLOR VARS */
/** FONT VARS */
/** OTHER VARS */
/** BREAKPOINTS */
/** MIXINS */
/** COLOR VARS */
/** FONT VARS */
/** BASE STYLES */
html,
body {
  margin: 0;
  padding: 0;
}

/* header,
main,
footer {
    @media(max-width:1600px) {
        display: none;
    }
}

body {
    @media(max-width:1600px) {
        &:before {
            display: block;
            margin: 1em;
            content:"Responzivní verze v tuto chvíli ještě není připravena. Pro náhled šablony je třeba šířka okna alespoň 1600px";
        }
    }
} */
@media (min-width: 992px) {
  .mobile-only {
    display: none !important;
  }
}

@media (max-width: 992px) {
  .desktop-only {
    display: none !important;
  }
}

body {
  font-family: "RobotoCondensed";
}

img {
  max-width: 100%;
}

h1 {
  font-size: 38px;
  font-weight: 600;
}

h2.paragraph-title {
  margin-top: 1rem;
}

h3 {
  font-size: 30px;
}

h4 {
  font-size: 20px;
  font-weight: 400;
}

a {
  color: #000000;
}
a:hover {
  color: #e12c35;
}

ul.inline {
  padding: 0;
  margin-bottom: 0;
}
ul.inline li {
  list-style-type: none;
  display: inline-block;
  margin-right: 3px;
}
ul.custom-marker {
  padding: 0;
}
ul.custom-marker li {
  list-style-type: none;
}

.btn {
  border: none;
  padding: 0.5rem 1rem;
  border-radius: 0;
}
.btn.btn-primary {
  background-color: transparent;
  border: 2px solid #003466;
  color: #003466;
}
.btn.btn-primary:hover, .btn.btn-primary:focus, .btn.btn-primary:focus-within {
  border-color: #e12c35;
  /* background-color: darken($color_primary, 15%); */
}
.btn.btn-primary-full {
  background-color: #003466;
  color: #fff;
}
.btn.btn-secondary {
  background-color: rgba(0, 0, 0, 0.15);
  border: 2px solid #fff;
  background-color: transparent;
}
.btn.btn-secondary:hover, .btn.btn-secondary:focus, .btn.btn-secondary:focus-within {
  border-color: #e12c35;
  /* background-color: darken($color_secondary, 15%); */
}
.btn.btn-tertiary {
  padding: 0 1rem;
  font-weight: 600;
}
.btn.btn-tertiary:hover, .btn.btn-tertiary:focus, .btn.btn-tertiary:focus-within {
  color: #e12c35;
}

.slick-arrow, .slick-dots button {
  border: none;
  font-size: 20px;
  color: rgba(255, 255, 255, 0.3);
  background-color: rgba(0, 52, 102, 0.25);
  padding: 5px 10px;
  width: 41px;
  transition: 0.3s;
}
.slick-arrow {
  position: absolute;
  z-index: 1;
  right: 10px;
  bottom: 10px;
}
@media (max-width: 992px) {
  .slick-arrow {
    padding: 0;
    bottom: 0;
    width: 30px;
    right: 0;
  }
}
.slick-arrow.slick-prev {
  left: auto;
  right: 60px;
}
@media (max-width: 992px) {
  .slick-arrow.slick-prev {
    right: 30px;
  }
}
.slick-arrow:hover {
  background-color: #e12c35 !important;
  color: #ffffff !important;
}
.slick-dots {
  position: absolute;
  bottom: 10px;
  right: 110px;
  display: flex;
  margin: 0;
  padding: 0;
}
@media (max-width: 992px) {
  .slick-dots {
    display: none !important;
  }
}
.slick-dots li {
  list-style-type: none;
  margin-left: 10px;
}
.slick-dots button:hover {
  background-color: #e12c35 !important;
  color: #ffffff !important;
}
.slick-active button {
  background-color: #e12c35;
  opacity: 0.5;
}
.slick-slider:hover .slick-active button {
  opacity: 1;
}
.slick-slider:hover .slick-arrow,
.slick-slider:hover .slick-dots button {
  background-color: #003466;
  color: #ffffff;
}
@media (max-width: 768px) {
  .slick-slider .teaser {
    height: auto;
  }
}
@media (max-width: 1400px) {
  .slick-slider .teaser img {
    height: auto;
  }
}
@media (max-width: 768px) {
  .slick-slider .teaser img {
    width: auto;
    min-height: 300px;
    height: 300px;
    max-width: none;
  }
}
@media (max-width: 768px) {
  .slick-slider {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    margin: 0 !important;
  }
}

.crumb {
  margin: 0;
  padding: 0;
  display: flex;
  gap: 0.25rem;
  font-size: 14px;
  z-index: 1;
  flex-wrap: wrap;
}
.crumb li {
  list-style-type: none;
}
.crumb li a {
  text-decoration: none;
}
.crumb li:after {
  content: "\f285";
  font-family: bootstrap-icons !important;
  margin-left: 0.25rem;
  font-size: 10px;
}
.crumb li:last-of-type:after {
  content: none;
}

.bi:hover {
  text-shadow: none;
}
.bi-facebook:hover {
  color: #1877f2;
}
.bi-instagram:hover {
  color: #c32aa3;
}
.bi-twitter:hover {
  color: #1da1f2;
}
.bi-youtube:hover {
  color: #ff0000;
}
.bi-linkedin:hover {
  color: #0a66c2;
}

.pagination {
  gap: 0.25rem;
  margin-bottom: 0;
  flex-wrap: wrap;
}
.pagination .btn i {
  margin: 0 -4px;
}

main form {
  display: flex;
  gap: 0.5rem;
  margin-bottom: 1rem;
}
main form.user-login-form, main form.site-settings, main form[class*=register], main form.user-pass, main form.user-form, main form.user-pass-reset, main form.node-forum-form {
  flex-direction: column;
  width: 500px;
  max-width: 100%;
}
main form.user-login-form input:not([type=checkbox]):not([type=radio]),
main form.user-login-form select,
main form.user-login-form textarea, main form.site-settings input:not([type=checkbox]):not([type=radio]),
main form.site-settings select,
main form.site-settings textarea, main form[class*=register] input:not([type=checkbox]):not([type=radio]),
main form[class*=register] select,
main form[class*=register] textarea, main form.user-pass input:not([type=checkbox]):not([type=radio]),
main form.user-pass select,
main form.user-pass textarea, main form.user-form input:not([type=checkbox]):not([type=radio]),
main form.user-form select,
main form.user-form textarea, main form.user-pass-reset input:not([type=checkbox]):not([type=radio]),
main form.user-pass-reset select,
main form.user-pass-reset textarea, main form.node-forum-form input:not([type=checkbox]):not([type=radio]),
main form.node-forum-form select,
main form.node-forum-form textarea {
  width: 100%;
}
main form.node-forum-form #edit-preview {
  margin-left: auto !important;
  margin-top: calc(-44px - 0.5rem) !important;
  background: transparent;
  border: 2px solid #003466;
  color: #003466;
}
main form.node-forum-form #edit-preview:hover {
  background: transparent;
  border-color: #e12c35;
}
main form[class*=register] {
  width: 600px;
  background: #e8f4ff;
  padding: 1.5rem;
}
main form[class*=register] fieldset legend {
  font-size: 1rem;
  margin: 0;
}
main form[class*=register] fieldset div[id*=register-type] {
  display: flex;
  gap: 1rem;
  align-items: center;
}
main form[class*=register] fieldset div[id*=register-type] .form-item input {
  position: relative;
  top: -1px;
}
main form.comment-form {
  flex-direction: column;
}
main form.comment-form .form-item {
  width: 560px;
  max-width: 100%;
}
main form.comment-form .form-item input,
main form.comment-form .form-item select,
main form.comment-form .form-item textarea {
  width: 100%;
  border: 1px solid #ced4da !important;
  border-radius: 0.25rem;
}
main form.comment-form a[id*=format-help-about],
main form.comment-form div[data-drupal-format-id=plain_text] {
  display: none;
}
main form.views-exposed-form {
  flex-wrap: wrap;
}
main form.views-exposed-form .form-item {
  flex-basis: calc(25% - 0.5rem);
}
main form.views-exposed-form .form-item input,
main form.views-exposed-form .form-item select {
  width: 100%;
  border-color: #ced4da;
  border-width: 1px;
}
main form.views-exposed-form input,
main form.views-exposed-form select {
  height: 44px;
  border-radius: 0;
}
main form.webform-submission-new-question-form {
  flex-direction: column;
  background: #f3f3f3;
  padding: 1rem;
  box-shadow: 0px 1px 3px 0px rgba(177, 177, 177, 0.48);
}
main form.webform-submission-new-question-form .form-item input,
main form.webform-submission-new-question-form .form-item select {
  width: calc(50% - 0.25rem);
}
main form.ikp-document-filter {
  background: #f3f3f3;
  padding: 1rem;
  box-shadow: 0px 1px 3px 0px rgba(177, 177, 177, 0.48);
  margin-bottom: 2rem;
}
main form label {
  display: block;
}
main form input:not([type=checkbox]):not([type=radio]),
main form select {
  border: 2px solid #003466;
  padding: 0.5rem;
  margin: 0 !important;
  min-height: 44px;
}
main form input:not([type=checkbox]):not([type=radio]):focus,
main form select:focus {
  border-color: #e12c35;
}
main form input:not([type=checkbox]):not([type=radio])[type=submit],
main form select[type=submit] {
  border: none;
  background-color: #003466;
  color: #ffffff;
  padding: 0.5rem 1rem;
  transition: 0.3s;
  max-width: -moz-max-content;
  max-width: max-content;
  margin-top: auto !important;
}
main form input:not([type=checkbox]):not([type=radio])[type=submit]:hover,
main form select[type=submit]:hover {
  background-color: #001a33;
}
main form textarea {
  width: 100%;
  border: 2px solid #003466;
  padding: 0.5rem;
}
main form .ck.ck-editor {
  border: 2px solid #003466;
}
main form .description {
  font-style: italic;
  font-size: 14px;
}
main form .form-item.form-type-radio, main form .form-item.form-type-checkbox {
  display: flex;
  gap: 0.25rem;
  align-items: center;
  flex-wrap: wrap;
}
main form div[data-drupal-format-id] {
  margin-top: 1rem;
  font-size: 14px;
  font-style: italic;
}

.form-type-textarea .description {
  margin-top: -6px;
}

.form-required:after {
  content: "*";
  margin-left: 3px;
  color: red;
}

section table {
  width: 100%;
  margin-bottom: 1rem;
  border-bottom: 1px solid #dfdfdf;
}
section table thead {
  background-color: #f1f1f1;
}
section table tr td, section table tr th {
  padding: 0.5rem;
  border: 1px solid #dfdfdf;
  border-bottom: none;
}

video {
  min-width: 428px;
  height: auto;
  max-width: 100%;
}
@media (max-width: 580px) {
  video {
    min-width: 0;
  }
}
.video video {
  min-width: 0;
}

blockquote {
  background: #003466;
  color: #ffffff;
  padding: 1rem;
  font-style: italic;
  width: 580px;
  max-width: 100%;
}
blockquote > * {
  margin: 0;
  color: #ffffff;
}

.sitemap {
  background-color: #f3f3f3;
  padding: 1rem;
}
.sitemap-item {
  margin: 0;
}
.sitemap ul {
  padding: 0;
}
.detail .sitemap ul {
  margin: 0 !important;
}
.sitemap ul ul {
  padding-left: 1.5rem;
  position: relative;
}
.sitemap ul ul:before {
  position: absolute;
  content: "\f132";
  font-family: bootstrap-icons !important;
  left: 0;
  top: -2px;
}
.sitemap ul li {
  list-style-type: none;
}
.sitemap ul li a {
  text-decoration: none;
}
.sitemap ul li a:hover {
  color: #e12c35;
}

.active,
.is-active,
aside ul li .nav-link:focus,
aside ul li .nav-link:hover,
aside ul li .nav-link:focus > a,
aside ul li .nav-link:hover > a,
.active > a,
.is-active > a,
aside ul li .nav-link:focus > a > a,
aside ul li .nav-link:hover > a > a {
  color: #000000 !important;
  border-color: #e12c35 !important;
}
header .active,
header .is-active,
header aside ul li .nav-link:focus,
aside ul li header .nav-link:focus,
header aside ul li .nav-link:hover,
aside ul li header .nav-link:hover,
header aside ul li .nav-link:focus > a,
aside ul li header .nav-link:focus > a,
header aside ul li .nav-link:hover > a,
aside ul li header .nav-link:hover > a,
header .active > a,
header .is-active > a,
header aside ul li .nav-link:focus > a > a,
aside ul li header .nav-link:focus > a > a,
header aside ul li .nav-link:hover > a > a,
aside ul li header .nav-link:hover > a > a {
  color: #e12c35 !important;
  text-shadow: 0px 2px 3px #e12c35 !important;
  text-shadow: none !important;
}
.toolbar .active, .tabs .active,
.toolbar .is-active,
.toolbar aside ul li .nav-link:focus,
aside ul li .toolbar .nav-link:focus,
.toolbar aside ul li .nav-link:hover,
aside ul li .toolbar .nav-link:hover,
.toolbar aside ul li .nav-link:focus > a,
aside ul li .toolbar .nav-link:focus > a,
.toolbar aside ul li .nav-link:hover > a,
aside ul li .toolbar .nav-link:hover > a,
.toolbar .active > a,
.toolbar .is-active > a,
.toolbar aside ul li .nav-link:focus > a > a,
aside ul li .toolbar .nav-link:focus > a > a,
.toolbar aside ul li .nav-link:hover > a > a,
aside ul li .toolbar .nav-link:hover > a > a,
.tabs .is-active,
.tabs aside ul li .nav-link:focus,
aside ul li .tabs .nav-link:focus,
.tabs aside ul li .nav-link:hover,
aside ul li .tabs .nav-link:hover,
.tabs aside ul li .nav-link:focus > a,
aside ul li .tabs .nav-link:focus > a,
.tabs aside ul li .nav-link:hover > a,
aside ul li .tabs .nav-link:hover > a,
.tabs .active > a,
.tabs .is-active > a,
.tabs aside ul li .nav-link:focus > a > a,
aside ul li .tabs .nav-link:focus > a > a,
.tabs aside ul li .nav-link:hover > a > a,
aside ul li .tabs .nav-link:hover > a > a {
  color: #ffffff !important;
}
@media (max-width: 992px) {
  aside .active,
  aside .is-active,
  aside ul li .nav-link:focus,
  aside ul li .nav-link:hover,
  aside ul li .nav-link:focus > a,
  aside ul li .nav-link:hover > a,
  aside .active > a,
  aside .is-active > a,
  aside ul li .nav-link:focus > a > a,
  aside ul li .nav-link:hover > a > a {
    color: #e12c35 !important;
  }
}
.accessibility-insights, .paragraph--type--body, .paragraph--type--image-embedded {
  /* width: 560px; */
  max-width: 100%;
}

.action {
  width: 100%;
  text-align: center;
}
.action-links {
  margin-top: 2rem;
}
.action-links .btn-primary {
  background-color: #003466;
  border-color: #003466;
  color: #fff;
}
.action-links .btn-primary:hover {
  border-color: #003466;
  background-color: #001a33;
}
.action-links ul {
  padding: 0;
  list-style-type: none;
}

.social-media-sharing {
  width: 100%;
  margin-top: 1rem;
  grid-column: 1/-1;
}
.social-media-sharing ul {
  display: flex;
  gap: 0.5rem;
}
.social-media-sharing ul li {
  margin: 0;
}
.social-media-sharing .share img {
  width: 30px;
  transition: 0.2s;
}
.social-media-sharing .share:hover img {
  transform: scale(1.25);
}

.messages {
  padding: 1rem;
  margin-left: -12px;
  position: relative;
}
.messages--error {
  background: #ffa2a2;
}
.messages--success {
  background: #a2d666;
}
.messages {
  /* &:after {
      content: "\f659";
      font-family: bootstrap-icons !important;
      position: absolute;
      top: 0;
      right: 0;
  } */
}

.news--grid svg.mailto {
  display: none;
}
svg.ext h1, h2 svg.ext {
  display: none;
}
section.detail svg.ext {
  width: 20px;
  height: 20px;
  position: relative;
  top: -3px;
  fill: #000;
}
section.detail svg.ext path {
  stroke: #000;
}

.hidden-info {
  display: none;
}

.bi.bi-flag {
  font-size: 14px;
}

button.link-edit-summary {
  border: none;
  background: none;
  text-decoration: underline;
}
button.link-edit-summary:hover {
  text-decoration: none;
}

/** COLOR VARS */
/** FONT VARS */
/** OTHER VARS */
/** BREAKPOINTS */
/** MIXINS */
/** COLOR VARS */
/** FONT VARS */
/** HEADER STYLES */
header {
  padding: 0;
  /* background-color: $color_primary; */
  /* background: linear-gradient(90deg, rgb(0 25 48) 0%, rgb(0 52 102) 100%); */
  margin-bottom: 2rem;
  position: relative;
  z-index: 3 !important;
  background-image: url("/themes/CUSTOM/ikp/assets/img/bg_html.png");
  position: relative;
  isolation: isolate;
}
header:before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgb(1, 31, 60) 10%, rgb(0, 44, 88) 30%, rgba(0, 52, 102, 0) 100%);
  z-index: -1;
}
header {
  /* &:before {
      position: absolute;
      content: "";
      width: 8%;
      height: calc(100% + 32px);
      background-color: white;
      left: -2%;
      top: 0;
      transform: rotate(-20deg);
      @media (max-width: 1700px) {
          left: -4%;
      }
  } */
  /* &:after {
      position: absolute;
      content: "";
      width: 8%;
      height: calc(100% + 32px);
      background-color: white;
      right: -2%;
      top: 0;
      transform: rotate(-20deg);
  } */
}
header .navbar-brand {
  display: inline-block;
  max-width: 280px;
}
.ncia header .navbar-brand img {
  padding: 6px;
}
header .logo-as-text {
  font-size: 24px;
  max-width: 280px;
  display: block;
  white-space: break-spaces;
  line-height: 1.15;
  transition: 0.1s;
}
header .before-nav {
  background: white;
  margin-bottom: 1rem;
  padding: 0.25rem 0;
}
header .before-nav ul {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}
header > nav.navbar {
  min-height: 105px;
}
header nav ul {
  gap: 1rem;
  margin: 0;
  font-size: 18px;
  font-weight: 300;
  align-items: center;
}
@media (max-width: 1200px) {
  header nav .desktop-only {
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 0.25rem 1rem;
  }
}
header nav .separator {
  position: relative;
}
@media (max-width: 1200px) {
  header nav .separator {
    width: 100%;
  }
}
header nav .separator:before {
  position: absolute;
  content: "";
  width: 1px;
  height: 100%;
  left: 0;
  top: 0;
  background-color: #ffffff;
}
@media (max-width: 1200px) {
  header nav .separator:before {
    content: none;
  }
}
header nav a {
  text-decoration: none;
  color: #ffffff;
}
.ncia header nav a {
  text-shadow: 0px 2px 3px #000000;
}
.ncia header nav a:hover {
  text-shadow: 0px 0px 1px #e12c35;
}
.ncia header nav a img {
  margin-top: -5px;
}
header nav a:hover {
  color: #e12c35;
}
header nav .dropdown:hover > .dropdown-menu,
header nav .dropdown-submenu:hover > .dropdown-menu {
  display: block;
}
header nav .dropdown .dropdown-toggle,
header nav .dropdown-submenu .dropdown-toggle {
  color: #ffffff;
}
header nav .dropdown .dropdown-toggle:after,
header nav .dropdown-submenu .dropdown-toggle:after {
  content: none;
}
header nav .dropdown .dropdown-toggle a:after,
header nav .dropdown-submenu .dropdown-toggle a:after {
  display: inline-block;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid;
  border-right: 0.3em solid transparent;
  border-bottom: 0;
  border-left: 0.3em solid transparent;
  margin-left: 3px;
}
header nav .dropdown .dropdown-item,
header nav .dropdown-submenu .dropdown-item {
  text-shadow: none;
  color: #000000;
}
header nav .dropdown .dropdown-item a,
header nav .dropdown-submenu .dropdown-item a {
  text-shadow: none;
  color: #000000;
}
header nav .dropdown .dropdown-item a:hover, header nav .dropdown .dropdown-item a:active,
header nav .dropdown-submenu .dropdown-item a:hover,
header nav .dropdown-submenu .dropdown-item a:active {
  text-shadow: none;
  color: rgb(190, 22, 34);
}
header nav .dropdown .dropdown-item:hover, header nav .dropdown .dropdown-item:active,
header nav .dropdown-submenu .dropdown-item:hover,
header nav .dropdown-submenu .dropdown-item:active {
  background-color: transparent;
}
header nav .dropdown .dropdown-menu.show,
header nav .dropdown-submenu .dropdown-menu.show {
  margin-top: 0;
}
header nav .dropdown-submenu .dropdown-toggle a:after {
  transform: rotate(-90deg);
  position: relative;
  top: 1px;
}
header nav .dropdown-submenu .dropdown-menu {
  left: 100%;
  margin-top: -40px;
}
header {
  /* .ncia & {
      z-index: 1;
      margin: 0;
      padding: 0;
      background: transparent;
      &:before {
          transform: none;
          width: 100%;
          height: 100%;
          left: 0;
          background-color: $color_primary;
          background: linear-gradient(90deg, rgb(0 25 48) 0%, rgb(0 52 102) 100%);
      }
      .before-nav {
          display: none;
      }
  } */
}
.hp header:before {
  opacity: 0.85;
}
.career header:before {
  content: none;
}
.career header .container {
  position: relative;
}
.career header .container:before {
  transform: none;
  width: 102%;
  height: 100%;
  left: -1%;
  background-color: #003466;
  background: linear-gradient(90deg, rgb(0, 25, 48) 0%, rgb(0, 52, 102) 100%);
  opacity: 0.85;
  position: absolute;
  content: "";
  z-index: -1;
}
.career header .nav-left {
  margin: 1rem 0;
}
@media (max-width: 440px) {
  header {
    margin-bottom: 0;
  }
}

header .search {
  position: relative;
}
header .search form {
  display: none;
  position: absolute;
  right: -18px;
  top: 2rem;
  width: 280px;
}
header .search form.active {
  display: flex;
}
header .search form .form-item label {
  display: none;
}
header .search-trigger i {
  position: relative;
  top: 2px;
}
header .user {
  display: flex;
  gap: 1rem;
  position: relative;
}
header .user .user-nav-link,
header .user .user-logout-link {
  color: #fff;
  transform: scale(1.1);
}
header .user .user-nav-link:hover,
header .user .user-logout-link:hover {
  color: #e12c35;
}
header .user .user-form:not(.show) {
  display: none;
}
header .user .user-form {
  position: absolute;
  top: 40px;
  right: -15px;
  width: 300px;
  padding: 1rem;
  background: #fff;
  z-index: 20;
  background: linear-gradient(180deg, rgb(1, 31, 60) 0%, rgb(0, 55, 110) 100%);
}
header .user .user-form .user-login-form {
  display: flex;
  flex-direction: column;
}
header .user .user-form .form-item {
  margin-bottom: 0.5rem;
}
header .user .user-form .form-item label {
  font-size: 14px;
  font-weight: 400;
  color: #fff;
}
header .user .user-form .form-item .form-text {
  margin: 0;
}
header .user .user-form .form-item input {
  width: 100%;
  padding: 0.5rem;
  border: 2px solid #000;
  margin-top: 0;
  color: #000;
}
header .user .user-form .form-item .description {
  display: none;
}
header .user .user-form input[type=submit] {
  background-color: transparent;
  border: 2px solid #fff;
  color: #fff;
  padding: 0.5rem 1rem;
  font-size: 16px;
  min-height: 44px;
  margin-top: 1rem;
  margin-right: auto;
  transition: 0.15s;
}
header .user .user-form input[type=submit]:hover {
  border-color: #e12c35;
}
header .user .user-form ul {
  margin-top: 1rem;
  padding: 0;
  list-style-type: none;
}
header .user .user-form ul a {
  color: #000;
  text-shadow: none !important;
  font-weight: 400;
  font-size: 14px;
}
header .user .user-form ul a:hover {
  text-decoration: underline !important;
}
@media (max-width: 580px) {
  header .navbar .container {
    flex-wrap: nowrap;
  }
}

#accesslink {
  position: absolute;
  top: 3px;
  left: 5px;
  z-index: 999;
}
#accesslink a {
  opacity: 0;
}
#accesslink a:focus, #accesslink a:focus-within {
  opacity: 1;
  color: #e12c35;
}

header .user {
  display: flex;
  gap: 1rem;
  font-size: 20px;
}
header .user ul {
  display: flex;
  padding: 0;
}
header .user ul li {
  list-style-type: none;
}
header .user ul .nav-link {
  padding: 0;
  color: #fff;
}
header .user ul .nav-link:hover {
  color: #e12c35;
}

.user .search-list {
  display: flex;
  flex-direction: column;
  margin-top: 1rem;
  font-size: 14px;
}

/** COLOR VARS */
/** FONT VARS */
/** OTHER VARS */
/** BREAKPOINTS */
/** MIXINS */
/** COLOR VARS */
/** FONT VARS */
/** OTHER VARS*/
body > .dialog-off-canvas-main-canvas {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}
body > .dialog-off-canvas-main-canvas > * {
  width: 100%;
}
body > .dialog-off-canvas-main-canvas footer {
  margin-top: auto;
}

.filter_primary {
  filter: invert(12%) sepia(72%) saturate(2842%) hue-rotate(196deg) brightness(96%) contrast(101%);
}

.filter_secondary {
  filter: invert(43%) sepia(79%) saturate(6133%) hue-rotate(340deg) brightness(88%) contrast(102%);
}

/** LAYOUT STYLES */
.sidebar-in {
  display: flex;
}

section {
  width: 100%;
  flex-shrink: 1;
  margin-bottom: 4rem;
}

aside {
  width: 365px;
  flex-shrink: 0;
}

.content-page-header {
  position: relative;
  margin: 2rem 0 -2rem;
}
.content-page-header .container {
  flex-direction: column;
  gap: 0 !important;
}
.content-page-header {
  /* @include respond-to('lg') {
      margin-bottom: 0;
  } */
}
@media (max-width: 992px) {
  .content-page-header + .content-block {
    padding-top: 4rem;
    margin-top: calc(-6rem - 3px);
  }
}
.content-page-header h1 {
  margin: 0;
}
.hp .content-page-header, .hpp .content-page-header {
  margin: 0;
}

.content-page-header, .content-block {
  position: relative;
}
.content-carousel, .content-carousel-ncia {
  margin-top: -137px;
}
.content-carousel.ncia, .content-carousel-ncia.ncia {
  margin: 0 1rem;
}
.content-hp {
  display: flex;
  align-items: center;
  position: relative;
  height: 100vh;
  max-height: 1080px;
  overflow: hidden;
  margin-top: -105px;
  isolation: isolate;
  margin-bottom: 0;
  pointer-events: none;
  background-color: #003466;
  background: linear-gradient(90deg, rgb(0, 25, 48) 0%, rgb(0, 52, 102) 100%);
  z-index: 2;
}
@media (max-width: 992px) {
  .content-hp {
    margin-top: 0;
  }
}
.career .content-hp {
  display: flex !important;
  margin-top: 0;
}
.content-hp:before {
  position: absolute;
  content: "";
  inset: 0;
  background: #151414;
  opacity: 0.35;
  z-index: 0;
}
.career .content-hp:before {
  opacity: 0.2;
}
.content-hp img {
  position: absolute;
  z-index: -1;
}
.content-hp figure,
.content-hp picture,
.content-hp video {
  position: absolute;
  z-index: -1;
  top: 0;
  min-width: 100vw;
  min-height: 100vh;
  width: auto;
  height: auto;
  max-width: none;
}
@media (max-width: 992px) {
  .content-hp figure,
  .content-hp picture,
  .content-hp video {
    left: -48%;
  }
}
.content-hp figure img,
.content-hp picture img {
  max-width: none;
  min-width: 100%;
  min-height: 100%;
  width: auto;
}
@media (max-width: 992px) {
  .content-hp figure,
  .content-hp picture {
    left: 0;
  }
}

main {
  position: relative;
}

@media (max-width: 992px) {
  .hp main {
    position: relative;
    width: 100%;
    overflow: hidden;
    /* margin-top: -105px; */
  }
}
.hp aside {
  top: 105px;
  /* height: 100%; */
  pointer-events: auto;
  z-index: 9;
}
@media (min-width: 992px) {
  .hp aside {
    display: none;
  }
}
@media (max-width: 440px) {
  .hp aside {
    top: 0;
  }
}
.hp aside img {
  position: relative;
}

.hp-box {
  position: relative;
  pointer-events: auto;
  width: 52%;
  color: #ffffff;
  text-shadow: 0px 1px 3px #000;
}
@media (max-width: 1200px) {
  .hp-box {
    width: 60%;
  }
}
@media (max-width: 992px) {
  .hp-box {
    width: 80%;
  }
}
@media (max-width: 768px) {
  .hp-box {
    width: 100%;
  }
}
.career .hp-box {
  width: 55%;
}
.hp-box span {
  display: inline-block;
}
.hp-box .moto {
  font-size: 58px;
  font-weight: 600;
  line-height: 1.25;
}
@media (max-width: 1200px) {
  .hp-box .moto {
    font-size: 48px;
  }
}
@media (max-width: 992px) {
  .hp-box .moto {
    line-height: 1.15;
  }
}
@media (max-width: 768px) {
  .hp-box .moto {
    font-size: 38px;
  }
}
.hp-box .sub {
  font-size: 24px;
  letter-spacing: 3px;
  margin-left: 1px;
  margin-bottom: 2rem;
}
.hp-box p {
  font-size: 18px;
}
.hp-box a {
  color: #ffffff;
  /* text-shadow: none; */
}
.hp-box a:hover {
  color: #ffffff;
}

article {
  position: relative;
}
article .detail {
  padding: 2rem;
}
.ncia-only article .detail {
  padding: 1rem;
}
article .detail {
  /* a {
      text-decoration: none;
  } */
}
article .detail table a,
article .detail .inline a,
article .detail h2 a,
article .detail h3 a,
article .detail h4 a {
  text-decoration: none;
}
article .detail p {
  margin-bottom: 0.5rem;
}
article .detail p a {
  text-decoration: underline;
}
article .detail h3 {
  font-weight: 600;
  margin-bottom: 2rem;
}
.ncia-only article .detail h3 {
  font-size: 22px;
}
.ncia article .detail h3 {
  margin-bottom: 0;
}
.ncia article .detail ul {
  margin-top: 1rem;
}
.career article .detail ul {
  border: none;
}
article .detail .date,
article .detail .author {
  font-weight: 300;
}
.career article .detail .date i,
.career article .detail .author i {
  color: #000000;
}
article .detail .date i,
article .detail .author i {
  position: relative;
}
article .detail .date i {
  font-size: 12px;
  top: -2px;
  margin-right: 2px;
}
article .detail {
  /* .author {
      font-size: 14px;
      top: 0;
      margin-right: 1px;
  } */
}

.list h2,
.list h3,
.list h4 {
  width: 100%;
}
.list--grid {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  justify-content: center;
}
.hp .list--grid {
  flex-wrap: nowrap;
  gap: 2rem;
}
@media (max-width: 1060px) {
  .hp .list--grid {
    gap: 0;
  }
}
@media (max-width: 768px) {
  .hp .list--grid {
    flex-direction: column;
  }
}
.hp .list--grid {
  /* @include respond-to('sm') {
      margin-bottom: 3rem;
  } */
}
.list--grid article {
  display: flex;
  flex-direction: column;
  flex-basis: calc(20% - 1rem);
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 580px) {
  .list--grid article {
    margin-left: 0.25rem;
    margin-right: 0.25rem;
  }
}
.list--grid article.category {
  margin-top: 4rem;
}
@media (max-width: 768px) {
  .list--grid article.category {
    margin-top: 2rem;
  }
  .list--grid article.category:first-of-type {
    margin-top: 4rem;
  }
}
@media (max-width: 580px) {
  .list--grid article.category {
    margin-top: 1rem;
  }
  .list--grid article.category:first-of-type {
    margin-top: 4rem;
  }
}
@media (max-width: 1060px) {
  .hp .list--grid article {
    padding: 1rem;
    border: none;
  }
}
@media (max-width: 992px) {
  .hp .list--grid article {
    padding: 0;
    flex-basis: auto;
  }
}
.hp .list--grid article {
  /* @include respond-to('lg') {
      flex-basis: calc(50% - 1rem);
  } */
}
@media (max-width: 992px) {
  .hp .list--grid article img {
    width: 65px;
    margin: 1rem 0 0;
  }
}
@media (max-width: 768px) {
  .hp .list--grid article img {
    width: 60px;
    margin: 0;
  }
}
.list--grid article .detail h3 {
  background-color: rgba(0, 0, 0, 0.05);
  padding: 7px 10px 5px;
  font-size: 26px;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 3px;
  white-space: nowrap;
}
@media (max-width: 768px) {
  .list--grid article .detail {
    padding: 4px;
  }
}

.views-view--flexbox .views-row {
  width: calc(25% - 0.75rem);
}
@media (max-width: 992px) {
  .views-view--flexbox .views-row {
    width: calc(50% - 0.5rem);
  }
}
@media (max-width: 580px) {
  .views-view--flexbox .views-row {
    width: 100%;
  }
}
.views-view--flexbox .views-row article {
  width: 100% !important;
  height: 100%;
}
.views-view--flexbox .views-row article.bg {
  background-color: #f3f3f3;
}
.views-view--flexbox .views-row article h3 {
  margin-bottom: 0.5rem;
}
.views-view--flexbox .views-row article ul {
  margin-top: auto;
}
.views-view--flexbox:has(.compact) .views-row {
  width: calc(50% - 0.5rem);
}
@media (max-width: 580px) {
  .views-view--flexbox:has(.compact) .views-row {
    width: 100%;
  }
}
.views-view--container {
  margin-bottom: 2rem;
}
.views-view--container .action {
  margin-top: 1rem;
}
section .views-view--container {
  flex-direction: column;
  padding: 0;
}
section .views-view--container .views-row {
  width: calc(33% - 0.5rem);
}
section .views-view--container .views-row .detail {
  padding: 1rem;
  margin-top: 0;
  justify-content: flex-start;
}
section .views-view--container .views-row .detail:not(:has(.detailed-question)) ul.inline {
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
section .views-view--container .views-row .detail:has(.detailed-question) ul.inline {
  margin: 0 0 0.25rem !important;
}

.article-to-be-extended {
  flex-direction: row;
  width: 100%;
}
@media (max-width: 1400px) {
  .article-to-be-extended {
    box-shadow: none;
    border-bottom: 1px solid #ebebeb;
  }
}
@media (max-width: 1200px) {
  .article-to-be-extended {
    flex-direction: column;
  }
}
@media (max-width: 992px) {
  .article-to-be-extended {
    flex-direction: row;
  }
}
@media (max-width: 768px) {
  .article-to-be-extended {
    flex-direction: column;
  }
}
.article-to-be-extended:last-of-type {
  border-bottom: none;
}
.article-to-be-extended {
  /* box-shadow: 0px 1px 2px 0px rgb(177,177,177,.48); */
}
.article-to-be-extended .teaser {
  flex-shrink: 0;
}
.article-to-be-extended .teaser:after {
  content: none;
}
@media (max-width: 1400px) {
  .article-to-be-extended .teaser img {
    width: 300px;
  }
}
.article-to-be-extended .detail {
  justify-content: flex-start;
}
@media (max-width: 1400px) {
  .article-to-be-extended .detail {
    padding: 0 1rem 1rem;
  }
}
@media (max-width: 1200px) {
  .article-to-be-extended .detail {
    padding: 1rem 0;
  }
}
@media (max-width: 992px) {
  .article-to-be-extended .detail {
    padding: 0 1rem 1rem;
  }
}
@media (max-width: 768px) {
  .article-to-be-extended .detail {
    padding: 1rem 0;
  }
}
.article-to-be-extended .detail ul {
  margin: 0.5rem 0;
}
.article-to-be-extended .detail .btn {
  margin-top: auto;
  margin-left: auto;
}
.article-to-be-extended .detail p {
  margin-bottom: 0;
}

.news h2,
.news h3,
.news h4 {
  width: 100%;
}
.news article figure {
  margin: 0;
}
.news--carousel {
  padding: 4rem 0 0;
  isolation: isolate;
}
@media (max-width: 768px) {
  .news--carousel {
    padding-top: 1rem;
    margin-bottom: 1rem;
  }
}
.news--carousel:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, rgb(0, 25, 48) 0%, rgb(0, 52, 102) 100%);
  /* background-image: url("../img/PolygonLuminary(8).svg"); */
  background-image: url("/themes/CUSTOM/ikp/assets/img/PolygonLuminary(8).svg");
  background-size: cover;
  background-repeat: no-repeat;
  top: 0;
  left: 0;
  z-index: -1;
}
@media (max-width: 1200px) {
  .news--carousel:before {
    background-size: cover;
    background-position: bottom;
  }
}
.news--carousel + .news--grid {
  margin-top: -2rem;
  padding-bottom: 4rem;
  color: #ffffff;
  /* @include respond-to('md') {
      margin-top: 232px;
  } */
}
@media (max-width: 768px) {
  .news--carousel + .news--grid {
    margin-top: 3rem;
  }
}
.news--carousel + .news--grid article {
  background-color: rgba(0, 0, 0, 0.3);
  box-shadow: none;
}
.news--carousel + .news--grid article .detail {
  justify-content: flex-start;
  text-shadow: 1px 1px 3px black;
}
.news--carousel + .news--grid article .detail h3 {
  margin-bottom: 0.5rem;
}
.news--carousel + .news--grid article .detail ul {
  margin-top: auto;
}
.news--carousel + .news--grid a {
  color: #ffffff;
}
.news--carousel + .news--grid a:hover {
  color: #e12c35;
}
.news--carousel article .teaser:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 45%;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.75) 0%, rgba(0, 0, 0, 0) 100%);
  pointer-events: none;
}
@media (max-width: 768px) {
  .news--carousel article .teaser:after {
    content: none;
  }
}
.news--carousel article .teaser a {
  position: relative;
  display: block;
}
.news--carousel article .teaser a img {
  transition: 0.3s;
}
.news--carousel article .teaser a:focus:before {
  position: absolute;
  content: "";
  inset: 0;
  box-shadow: inset 0 0 0 3px #151414;
  z-index: 1;
}
.news--carousel article .teaser a:focus img, .news--carousel article .teaser a:hover img {
  transform: scale(1.1);
}
@media (max-width: 768px) {
  .news--carousel article .teaser a:focus img, .news--carousel article .teaser a:hover img {
    transform: none;
  }
}
.news--carousel article .detail {
  position: absolute;
  bottom: 0;
  height: auto;
  text-shadow: 1px 1px 3px black;
  pointer-events: none;
  background-color: rgba(0, 0, 0, 0.25);
  max-width: 100%;
}
@media (max-width: 768px) {
  .news--carousel article .detail {
    position: relative;
    background: transparent;
    text-shadow: none;
    padding: 1rem 1px;
  }
}
.news--carousel article .detail h3 {
  font-size: 30px !important;
  margin-bottom: 0.5rem !important;
  max-width: 750px;
}
@media (max-width: 768px) {
  .news--carousel article .detail h3 {
    font-size: 24px !important;
  }
}
.news--carousel article .detail :is(p, a) {
  color: #ffffff;
}
@media (max-width: 768px) {
  .news--carousel article .detail :is(p, a) {
    color: #000;
  }
}
.news--carousel article .detail p {
  width: 500px;
  max-width: 100%;
}
@media (max-width: 992px) {
  .news--carousel article .detail p {
    width: auto;
  }
}
.news--carousel article .detail .date,
.news--carousel article .detail .author {
  color: #ffffff !important;
}
@media (max-width: 768px) {
  .news--carousel article .detail .date,
  .news--carousel article .detail .author {
    color: #000 !important;
  }
}
.news--carousel article .detail .date i,
.news--carousel article .detail .author i {
  color: #ffffff !important;
}
@media (max-width: 768px) {
  .news--carousel article .detail .date i,
  .news--carousel article .detail .author i {
    color: #000 !important;
  }
}
.news--carousel article .detail ul {
  border: none;
  margin-top: 2rem;
  padding: 0;
}
@media (max-width: 992px) {
  .news--carousel article .detail ul {
    margin-top: 0.5rem;
  }
}
@media (max-width: 768px) {
  .news--carousel article .detail ul {
    margin-top: 0;
    margin-bottom: 0.5rem;
  }
}
.news--carousel .action {
  margin-top: 2rem;
}
@media (max-width: 768px) {
  .news--carousel .content-carousel-ncia {
    position: relative;
    background: #f1f1f1;
    padding: 1rem;
    margin: -16px 0 !important;
    width: 100%;
    box-shadow: 0 0 0 100vmax #f1f1f1;
    clip-path: inset(0 -100vmax);
  }
}
.news--grid {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  justify-content: flex-start;
}
.news--grid article {
  display: flex;
  flex-direction: column;
  width: calc(33.3% - 2rem);
  /* border-radius: 1rem; */
  overflow: hidden;
  box-shadow: 0px 1px 3px 0px rgba(177, 177, 177, 0.48);
}
.ncia-only .news--grid article {
  width: calc(25% - 2rem);
}
@media (max-width: 1200px) {
  .ncia-only .news--grid article {
    width: 292px;
    max-width: 100%;
  }
}
.news--grid article.video {
  box-shadow: none;
  background-color: #f7f7f7;
}
.news--grid article.video .teaser {
  min-height: 165px !important;
  /* @include respond-to('xxl') {
      min-height: 120px !important;
  } */
  /* @include respond-to('xl') {
      min-height: 165px !important;
  } */
}
.news--grid article.video .detail {
  justify-content: flex-start;
}
.news--grid article.video .detail ul {
  margin-top: 0;
  margin-bottom: 0.5rem;
}
.news--grid article .detail {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}
.news--grid article .teaser {
  position: relative;
  min-height: 250px;
  overflow: hidden;
}
.ncia-only .news--grid article .teaser {
  min-height: 180px;
}
@media (max-width: 1400px) {
  .ncia-only .news--grid article .teaser {
    min-height: 154px;
  }
}
@media (max-width: 1200px) {
  .ncia-only .news--grid article .teaser {
    min-height: 180px;
  }
}
.news--grid article .teaser a {
  position: relative;
  display: block;
}
.news--grid article .teaser a img {
  transition: 0.3s;
}
.news--grid article .teaser a:focus:before {
  position: absolute;
  content: "";
  inset: 0;
  box-shadow: inset 0 0 0 3px #151414;
  z-index: 1;
}
.news--grid article .teaser a:focus img, .news--grid article .teaser a:hover img {
  transform: scale(1.1);
}
.news--grid article .teaser:before {
  position: absolute;
  content: "";
  width: 35px;
  height: 45px;
  background-color: white;
  left: -26px;
  bottom: -11px;
  transform: rotate(-25deg);
  z-index: 1;
}
.ncia .news--grid article .teaser:before {
  content: none;
}
.news--grid article .teaser:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 45%;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.75) 0%, rgba(0, 0, 0, 0) 100%);
  pointer-events: none;
}
.news--grid article.banner .teaser:before, .news--grid article.banner .teaser:after {
  content: none;
}
.news--grid article.banner .detail {
  display: none;
}
@media (max-width: 1200px) {
  .news--grid .action {
    width: 100%;
    text-align: center;
  }
}
.news--grid.media .action {
  grid-column: span 3;
}
@media (max-width: 768px) {
  .news--grid.media .action {
    grid-column: span 2;
  }
}
@media (max-width: 580px) {
  .news--grid.media .action {
    grid-column: 1;
  }
  .news--grid.media .action .pagination {
    justify-content: center;
  }
}
.news--grid.vertical {
  margin-top: 4rem;
  flex-direction: column;
  justify-content: flex-start;
}
.news--grid.vertical article {
  flex-direction: row;
  width: 100%;
}
@media (max-width: 1400px) {
  .news--grid.vertical article {
    box-shadow: none;
    border-bottom: 1px solid #ebebeb;
  }
}
@media (max-width: 1200px) {
  .news--grid.vertical article {
    flex-direction: column;
  }
}
@media (max-width: 992px) {
  .news--grid.vertical article {
    flex-direction: row;
  }
}
@media (max-width: 768px) {
  .news--grid.vertical article {
    flex-direction: column;
  }
}
.news--grid.vertical article:last-of-type {
  border-bottom: none;
}
.news--grid.vertical article {
  /* box-shadow: 0px 1px 2px 0px rgb(177,177,177,.48); */
}
.news--grid.vertical article .teaser {
  flex-shrink: 0;
}
.news--grid.vertical article .teaser:after {
  content: none;
}
@media (max-width: 1400px) {
  .news--grid.vertical article .teaser img {
    width: 300px;
  }
}
.news--grid.vertical article .detail {
  justify-content: flex-start;
}
@media (max-width: 1400px) {
  .news--grid.vertical article .detail {
    padding: 0 1rem 1rem;
  }
}
@media (max-width: 1200px) {
  .news--grid.vertical article .detail {
    padding: 1rem 0;
  }
}
@media (max-width: 992px) {
  .news--grid.vertical article .detail {
    padding: 0 1rem 1rem;
  }
}
@media (max-width: 768px) {
  .news--grid.vertical article .detail {
    padding: 1rem 0;
  }
}
.news--grid.vertical article .detail ul {
  margin: 0.5rem 0;
}
.news--grid.vertical article .detail .btn {
  margin-top: auto;
  margin-left: auto;
}
.news--grid.vertical article .detail p {
  max-width: 560px;
  margin-bottom: 0;
}
@media (max-width: 992px) {
  .news--grid.vertical article .detail p {
    max-width: 100%;
  }
}
.news--grid.media {
  margin-top: 4rem;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  align-items: flex-start;
}
.news--grid.media.preview {
  grid-template-columns: 1fr;
}
.news--grid.media.preview .container {
  margin: 0;
  padding: 0;
}
.news--grid.media.preview .list--grid {
  flex-wrap: nowrap;
}
@media (max-width: 1200px) {
  .news--grid.media.preview .list--grid {
    flex-wrap: wrap;
    justify-content: flex-start;
  }
}
@media (max-width: 768px) {
  .news--grid.media.preview .list--grid {
    justify-content: center;
  }
}
.news--grid.media.preview .list--grid .category {
  flex-basis: 40%;
  min-width: 0;
  margin: 0;
}
@media (max-width: 992px) {
  .news--grid.media.preview .list--grid .category {
    flex-basis: 48%;
  }
}
@media (max-width: 768px) {
  .news--grid.media.preview .list--grid .category {
    flex-basis: 80%;
  }
}
.news--grid.media.preview .list--grid .category > a {
  padding: 0;
}
.news--grid.media.preview .list--grid .category img {
  width: 100%;
  height: 100%;
  margin: 0;
}
.news--grid.media.preview .list--grid .category .detail {
  left: 0;
  width: 100%;
  height: 100%;
  justify-content: center;
}
.news--grid.media.preview .list--grid .category .detail h3 {
  margin: 0 !important;
}
@media (max-width: 1400px) {
  .news--grid.media.preview .list--grid .category .detail h3 {
    font-size: 24px !important;
  }
}
@media (max-width: 1200px) {
  .news--grid.media.preview .list--grid .category .detail h3 {
    font-size: 20px !important;
  }
}
@media (max-width: 992px) {
  .news--grid.media.preview .list--grid .category .detail h3 {
    font-size: 30px !important;
  }
}
@media (max-width: 768px) {
  .news--grid.media {
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 580px) {
  .news--grid.media {
    justify-content: center;
    grid-template-columns: 1fr;
  }
}
.news--grid.media article {
  width: 100%;
  height: 100%;
}
@media (max-width: 580px) {
  .news--grid.media article {
    width: 284px;
    margin: 0 auto;
  }
}
.news--grid.media article .teaser {
  min-height: 0 !important;
}
.news--grid.media article .teaser video {
  height: 100%;
}
.news--grid.media article .detail {
  height: auto;
}
.news--grid.default-image .teaser:not(:has(img)) {
  background-image: url("/themes/CUSTOM/ikp/assets/img/img-default.jpg");
  background-size: cover;
  background-position: center;
}
.news--grid.default-image .teaser:not(:has(img)).faq {
  background-image: url("/themes/CUSTOM/ikp/assets/img/img-default-yellow.jpg");
}
.news--grid.default-image .teaser:not(:has(img)).forum {
  background-image: url("/themes/CUSTOM/ikp/assets/img/img-default-red.jpg");
}
.news--grid.default-image .teaser:not(:has(img)) a {
  position: absolute;
  inset: 0;
}

.list-item {
  padding: 1rem;
  box-shadow: 0px 1px 3px 0px rgba(177, 177, 177, 0.48);
  margin-bottom: 2rem;
}
.list-item .detail {
  margin-top: 0 !important;
}
.list-item .detail ul {
  margin: 0.5rem 0 !important;
}
.list-item .detail p {
  margin-bottom: 0;
}

section.detail {
  margin-top: 4rem;
}
section.detail h1 {
  margin: 0;
}
section.detail ul {
  margin: 0.5rem 0 1rem !important;
}
section.detail .detail {
  margin-top: 1rem;
  padding: 0;
}
section.detail .detail ul {
  margin-left: 2px !important;
}
section.detail .detail ul li {
  margin-right: 3px !important;
}
section.preview article:not(.ncia, .new-item) .teaser:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 45%;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.75) 0%, rgba(0, 0, 0, 0) 100%);
  pointer-events: none;
}
section.preview article:not(.ncia, .new-item) .detail {
  position: absolute;
  bottom: 0;
  height: auto;
  text-shadow: 1px 1px 3px black;
  pointer-events: none;
  background-color: rgba(0, 0, 0, 0.25);
  max-width: 100%;
  padding: 1rem;
}
section.preview article:not(.ncia, .new-item) .detail :is(h3, a, ul, p) {
  color: #ffffff;
}
section.preview article:not(.ncia, .new-item) .detail h3 {
  font-size: 30px !important;
  margin-bottom: 0.5rem !important;
  max-width: 750px;
}
section.preview article:not(.ncia, .new-item) .detail ul {
  border: none;
  margin-top: 2rem;
  padding: 0;
}
section.preview article:not(.ncia, .new-item) .detail p {
  width: 500px;
  max-width: 100%;
}
section.preview article.new-item {
  display: flex;
  box-shadow: 0px 1px 3px 0px rgba(177, 177, 177, 0.48);
}
section.preview article.new-item .teaser {
  flex-shrink: 0;
  min-height: 180px;
  overflow: hidden;
  position: relative;
}
section.preview article.new-item .detail {
  display: flex;
  justify-content: flex-start;
  flex-direction: column;
  height: 100%;
  padding: 1rem;
  margin-top: 0;
}
section.preview article.new-item .detail ul {
  margin: 0.5rem 0 !important;
}

.paragraph + .paragraph {
  margin-top: 1rem;
}
.paragraph + .btn {
  margin-top: 1rem;
}
.paragraph--type--image-embedded {
  font-style: italic;
  font-size: 14px;
}
.paragraph--type--image-embedded figure {
  margin-bottom: 0;
}
.paragraph--type--body img {
  margin: 0 1rem 0.5rem 0;
}
.paragraph--type--body img.align-right {
  margin: 0 0 0.5rem 1rem;
}
.paragraph--type--body img.align-cetner {
  margin: 0 1rem 0.5rem 1rem;
}
.paragraph--type--body p img {
  margin-top: 0.5rem !important;
}
.paragraph--type--body p a {
  color: #e12c35;
}
.paragraph--type--body p a:hover {
  color: #003466;
}
.paragraph--type--video {
  display: flex;
  flex-direction: column;
}
.paragraph--type--gallery, .paragraph--type--photogallery {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}
.paragraph--type--gallery > *, .paragraph--type--photogallery > * {
  flex-basis: calc(33% - 1rem);
  margin: 0;
  background-color: #f3f3f3;
  display: flex;
  align-items: center;
}
.paragraph--type--gallery figure, .paragraph--type--photogallery figure {
  margin: 0;
}

.category {
  position: relative;
  background-color: #003466;
  width: 292px;
  min-width: 292px;
  padding: 0;
}
.category:nth-child(1) {
  background: linear-gradient(90deg, rgb(0, 30, 59) 0%, rgb(0, 43, 83) 100%);
}
.category:nth-child(2) {
  background: linear-gradient(90deg, rgb(0, 36, 69) 0%, rgb(0, 40, 83) 100%);
}
.category:nth-child(3) {
  background: linear-gradient(90deg, rgb(0, 36, 71) 0%, rgb(0, 48, 89) 100%);
}
.category:nth-child(4) {
  background: linear-gradient(90deg, rgb(0, 42, 79) 0%, rgb(0, 50, 99) 100%);
}
@media (max-width: 1340px) {
  .category {
    min-width: 246px;
    width: auto;
  }
}
@media (max-width: 1200px) {
  .category {
    min-width: 202px;
  }
}
.category > a {
  color: #fff;
  text-align: center;
  text-decoration: none;
  padding: 2rem;
}
@media (max-width: 1060px) {
  .category > a {
    padding: 0;
  }
}
@media (max-width: 768px) {
  .category > a {
    display: flex;
    justify-content: center;
    align-items: center;
  }
}
.category img {
  margin: 1rem 0;
  filter: none;
  transition: 0.3s;
  width: 90px;
  height: 90px;
}
.category h3 {
  position: relative;
  padding: 6px 10px 5px !important;
  font-weight: 600 !important;
  text-transform: uppercase;
  letter-spacing: 2px !important;
  white-space: nowrap;
  margin-bottom: -9px;
  background-color: transparent !important;
  font-size: 30px !important;
}
@media (max-width: 1200px) {
  .category h3 {
    font-size: 24px !important;
  }
}
@media (max-width: 992px) {
  .category h3 {
    font-size: 20px !important;
    background-color: transparent !important;
  }
}
.category:hover {
  cursor: pointer;
}
.category:hover img {
  transform: scale(1.25);
}

@media (max-width: 992px) {
  body:not(.hp) .content-block {
    overflow: hidden;
  }
}
body:not(.hp) .content-block .container:not(.views-view--container) {
  display: flex;
  gap: 2rem;
  align-items: flex-start;
}

.search {
  margin-bottom: 0;
}
.search form {
  display: flex;
}
.search form input {
  width: 100%;
  border: 2px solid #003466;
  border-right: none;
  padding: 10px 0.75rem;
  margin: 0;
}
.search form button {
  flex-shrink: 0;
  background-color: #fff !important;
}

.back-to-top {
  position: fixed;
  bottom: 1rem;
  right: 1rem;
  background-color: #fff;
  width: 44px;
  height: 44px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 20px;
  border-radius: 3px;
  z-index: 1;
  color: #003466;
  cursor: pointer;
  transition: 0.3s;
}
.back-to-top:hover {
  color: #e12c35;
}

.file + span {
  font-size: 14px;
}

form#node-preview-form-select {
  position: fixed;
  background-color: #001a33;
  top: 88px;
  right: 8px;
  z-index: 9999;
  padding: 1em;
  border: 1px solid #001a33;
  max-width: 100%;
  transition: 0.3s;
  min-width: 250px;
}
@media (max-width: 992px) {
  form#node-preview-form-select {
    right: auto;
    left: 15px;
    bottom: 15px;
    top: auto;
    z-index: 99999;
  }
}
form#node-preview-form-select .form-item {
  display: block;
  margin: 0.5em 0 0;
}
form#node-preview-form-select .form-item label {
  font-size: 12px;
  color: #ffffff;
  display: block;
  margin: 0;
}
form#node-preview-form-select select {
  border-radius: 0;
  max-width: 100%;
  height: auto;
  font-size: 15px;
  padding: 7px 10px;
  border: none;
  width: 100%;
}
form#node-preview-form-select .js-form-type-select:after {
  right: 10px;
}
form#node-preview-form-select .node-preview-backlink {
  display: block;
  color: #ffffff;
  text-decoration: none;
}
form#node-preview-form-select .node-preview-backlink:hover {
  color: #e12c35;
}

.hp section article:not(.video, .category, .slick-slide) .detail ul {
  order: 1;
}

.maintenance-body .content-page-header {
  margin-top: 2rem;
}
.maintenance-body .detail {
  width: 924px;
  max-width: 100%;
}

.captcha legend {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  margin-bottom: 0;
}
.captcha img {
  border: 2px solid #003466;
}

.js-comment {
  padding: 1rem;
  background: #f3f3f3;
  margin-bottom: 1rem;
}
.js-comment footer {
  margin-bottom: 1rem;
  border-bottom: 1px solid lightgray;
  padding-bottom: 1rem;
  background-color: transparent !important;
}
.js-comment ul.links {
  display: flex;
  justify-content: flex-end;
  gap: 0.5rem;
  margin-bottom: 0 !important;
}
.js-comment ul.links a {
  color: #003466;
}
.js-comment ul.links a:hover {
  color: #e12c35;
}

.block-default:last-of-type {
  margin-bottom: 2rem;
}
.block-default:not(.views-element-container) {
  padding: 0 12px;
}
.hp .block-default:not(.views-element-container) {
  margin-bottom: 2rem;
}
.hp .block-default:not(.views-element-container) hr {
  display: none;
}
.block-default > p {
  margin-bottom: 0.5rem;
}

.nid {
  font-size: 14px;
  margin-left: -2px;
}
.nid i {
  margin-right: -2px;
}
.inline .nid {
  font-size: 17px;
  font-weight: 300;
}
.inline .nid i {
  margin-right: -5px;
}

.field-group-inline {
  display: flex;
  gap: 0.25rem;
  margin-bottom: 1rem;
}

li .field-group-content {
  display: inline-block;
}
.field-group-content table .file + .file-size {
  display: none;
}

.inline.inline-flex {
  display: flex;
  gap: 4px;
}
.inline.inline-flex li {
  display: flex;
  align-items: baseline;
  gap: 2px;
}
.inline.inline-flex .field-group-inline {
  margin: 0;
}
.inline.inline-flex .field-group-label {
  display: none;
}

main .search-form {
  flex-wrap: wrap;
}
main .search-form .form-type-search label {
  display: none;
}
main .search-form .search-button {
  background-color: #003466;
  color: #fff;
}
main .search-form .search-button:hover {
  background-color: #001a33;
  border-color: #001a33;
}
main .search-advanced {
  display: block;
  width: 100%;
}
main .search-help-link {
  display: none;
}

.carousel-child.slick-slide {
  margin: 0;
}
.carousel-child.slick-slide .slider-figcaption-1 {
  width: 50%;
}
@media (max-width: 1060px) {
  .carousel-child.slick-slide .slider-figcaption-1 {
    width: 40%;
  }
}
@media (max-width: 992px) {
  .carousel-child.slick-slide .slider-figcaption-1 {
    width: 70%;
  }
}

.signpost-wrapper {
  margin: 4rem auto 0;
  width: 900px;
  max-width: 100%;
  background: #f3f3f3;
  padding: 4rem 0;
  box-shadow: 0 0 0 100vmax #f3f3f3;
  clip-path: inset(0 -100vmax);
  display: flex;
  flex-direction: column;
  align-items: center;
}
.signpost-wrapper h2 {
  margin-bottom: 1rem;
}

.signpost-hp {
  display: flex;
  gap: 0.5rem;
  flex-wrap: wrap;
  justify-content: center;
}
@media (max-width: 992px) {
  .signpost-hp {
    margin-top: 6rem;
  }
}
.signpost-hp .nav-link {
  width: 100%;
  text-align: left;
  padding: 0.5rem;
  color: #000000;
  background-color: transparent;
  border: 2px solid #003466;
}
.signpost-hp .nav-link:hover {
  border-color: #e12c35;
}

.block-default:has(#statistics) {
  margin-top: 1rem;
}
.block-default #statistics ul {
  padding: 0 0 0 1px;
  list-style-type: none;
}

body:has(.user-register-form) .form-item-second-agree,
body:has(.user-register-form) .second_agree {
  display: none !important;
}
body:has(.user-register-form):has(div[data-drupal-messages]) .form-item-second-agree {
  display: flex !important;
}
body:has(.user-register-form):has(div[data-drupal-messages]) .second_agree {
  display: block !important;
}

form .message-red {
  background: #fcf4f2;
  border: 1px solid #e62600;
  border-left-width: 8px;
  padding: 1rem;
  border-radius: 0.25rem;
}

.item-list__comma-list a:not(:last-of-type) {
  margin-right: 0.5rem;
}
.item-list__comma-list a:not(:last-of-type):after {
  content: ",";
}

.form-item--error-message {
  color: red;
}

.quick-reg a {
  margin-top: 0.25rem;
}

.detail:has(.node-forum-form) ul.links, .detail:has(.comment-form) ul.links {
  display: none;
}
.detail .js-comment ul.links {
  display: flex;
}

.indented {
  margin-left: 2rem;
}
@media (max-width: 1200px) {
  .indented {
    margin-left: 1.5rem;
  }
}
@media (max-width: 992px) {
  .indented {
    margin-left: 1rem;
  }
}

.downloads-title {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 0.75rem;
  margin-top: 1rem;
}

.before-title {
  font-size: 32px;
  font-weight: 600;
  color: #002c59;
}

/** COLOR VARS */
/** FONT VARS */
/** OTHER VARS */
/** BREAKPOINTS */
/** MIXINS */
/** COLOR VARS */
/** FONT VARS */
/** OTHER VARS*/
.calendar, aside .banner, aside .short-news {
  margin-top: 1rem;
  background-color: #f7f7f7;
  /** temporary */
  position: relative;
  /* &:before {
      content: "Zde kalendář akcí";
      position: absolute;
      inset: 0;
      background: whitesmoke;
      z-index: 2;
      display: flex;
      justify-content: center;
      align-items: center;
      font-size: 24px;
      color: #b3b3b3;
      text-align: center;
      padding: 2rem;
  } */
}

#calendar {
  background-color: transparent;
}

.fc .fc-dayGrid-view .fc-body .fc-row {
  min-height: 3em;
}
.fc .fc-toolbar {
  background-color: #003466;
  padding: 3px 0;
  color: #ffffff;
}
.fc .fc-toolbar.fc-header-toolbar {
  margin-bottom: 0.5rem;
}
.fc .fc-toolbar.fc-header-toolbar h2 {
  font-size: 18px;
  margin-left: 0.75rem;
  line-height: 1;
}
.fc .fc-toolbar .fc-today-button {
  display: none;
}
.fc .fc-toolbar .fc-button-group {
  display: flex;
  gap: 0.5rem;
}
.fc .fc-toolbar .fc-button {
  background-color: transparent;
  border: none;
  box-shadow: none;
}
.fc .fc-toolbar .fc-button:hover {
  background-color: rgb(0, 39, 76.5);
}
.fc .fc-toolbar .fc-button .fc-icon {
  margin: 0 -2px;
}
.fc .fc-view-harness,
.fc .fc-view-container {
  background-color: #f7f7f7;
  height: auto !important;
}
.fc .fc-day a {
  text-decoration: none;
}
.fc .fc-day a:hover {
  color: #000000;
}
.fc .fc-day.fc-col-header-cell {
  font-weight: 400;
}
.fc .fc-today {
  background-color: #003466 !important;
  border-color: #003466;
  color: #ffffff !important;
}
.fc .fc-today a {
  color: #ffffff !important;
}
.fc .fc-scroller {
  overflow: visible !important;
  position: relative;
  height: auto !important;
}
.fc .fc-daygrid {
  position: relative !important;
}
.fc .fc-col-header,
.fc .fc-daygrid-body,
.fc .fc-scrollgrid-sync-table {
  width: 100% !important;
}
.fc .fc-h-event {
  background-color: #e12c35 !important;
  border: none;
  text-align: center;
  border-radius: 0;
}
.fc .fc-h-event:hover {
  cursor: pointer;
  background-color: rgb(213.1887966805, 30.3112033195, 39.4045643154) !important;
}
.fc .fc-daygrid-day-number {
  padding-bottom: 0;
}
.fc .fc-center {
  order: -1;
}
.fc .fc-right {
  display: none;
}

.bottom-buttons.fc-button-group {
  display: none;
}

aside {
  width: 340px;
  /* background-color: #f7f7f7; */
  margin: 4rem 0;
  /* padding: 2rem; */
  transition: 0.5s;
  z-index: 1;
  margin-left: auto;
}
@media (max-width: 992px) {
  aside {
    position: absolute;
    max-width: 100%;
    background-color: #f7f7f7;
    top: 0;
    margin: 0;
    /* height: calc(100% + 4rem + 3px); */
    right: -340px;
    padding: 1rem;
    overflow: auto;
    /* padding-bottom: 5rem; */
    max-height: 100%;
  }
}
@media (max-width: 440px) {
  aside {
    width: 100%;
    right: -100%;
  }
}
aside.active {
  right: 0;
  box-shadow: 0px 0px 3px 0px #6c6c6c;
}
@media (max-width: 992px) {
  aside h2 {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}
aside h3 {
  font-size: 20px !important;
  margin-bottom: 0.25rem !important;
}
aside ul {
  margin: 0;
  padding: 0;
}
aside ul li {
  position: relative;
  list-style-type: none;
  margin-bottom: 0.5rem;
}
aside ul li .nav-link {
  width: 100%;
  text-align: left;
  padding: 0.5rem;
  color: #000000;
  background-color: transparent;
  border: 2px solid #003466;
}
@media (max-width: 992px) {
  aside ul li .nav-link {
    border: none;
    font-size: 18px;
    padding: 0;
  }
}
aside ul li .nav-link-trigger {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  height: 44px;
  width: 44px;
  border: none;
  background: transparent;
  color: #003466;
}
@media (max-width: 992px) {
  aside ul li .nav-link-trigger {
    height: auto;
  }
}
aside ul li .nav-link-trigger i:before {
  transition: 0.5s;
}
aside ul li .nav-link-trigger[aria-expanded=true] i:before {
  transform: rotate(-180deg);
}
aside ul .collapse ul,
aside ul .collapsing ul {
  margin-top: 0.5rem;
}
aside ul .collapse ul li,
aside ul .collapsing ul li {
  padding-left: 0.5rem;
}
aside ul .collapse ul li .nav-link,
aside ul .collapsing ul li .nav-link {
  border-color: #ebebeb;
}
aside ul .collapse ul li .nav-link:hover,
aside ul .collapsing ul li .nav-link:hover {
  border-color: #e12c35;
}
aside p {
  margin-bottom: 0;
}
aside .banner {
  margin-top: 1rem;
}
aside article {
  margin-top: -1rem;
}
aside article:first-of-type {
  margin-top: 0;
}
aside .mobile-nav {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 1rem;
}
aside .mobile-nav .separator {
  display: none;
}
aside .mobile-nav .nav .d-flex {
  flex-direction: column;
  width: 100%;
}
aside .mobile-nav li {
  width: 100%;
}
aside .mobile-nav li.social {
  width: auto;
  margin: 0 0.75rem 0 0;
}
aside .mobile-nav li.social a {
  font-size: 24px;
}
aside .mobile-nav li.search {
  order: 999;
  margin-top: 0.5rem;
}
aside .mobile-nav li.search a {
  display: none;
}
aside .mobile-nav a {
  font-size: 18px;
  text-decoration: none;
}
aside .mobile-nav form {
  margin-bottom: 0;
}
aside .mobile-nav .dropdown-toggle {
  display: flex;
  width: 100%;
  align-items: center;
}
aside .mobile-nav .dropdown-toggle:after {
  content: none;
}
aside .mobile-nav .dropdown-toggle--button, aside .mobile-nav .dropdown-toggle--sub-button {
  margin-left: auto;
}
aside .mobile-nav .dropdown-toggle--button i:before, aside .mobile-nav .dropdown-toggle--sub-button i:before {
  transition: 0.5s;
  color: #003466;
}
aside .mobile-nav .dropdown-toggle--button.visible i:before, aside .mobile-nav .dropdown-toggle--sub-button.visible i:before {
  transform: rotate(-180deg);
}
aside .mobile-nav .dropdown-toggle.dropdown-item {
  padding-right: 0;
}
aside .mobile-nav .dropdown-toggle.dropdown-item:hover, aside .mobile-nav .dropdown-toggle.dropdown-item:focus, aside .mobile-nav .dropdown-toggle.dropdown-item:active {
  background-color: transparent;
}
aside .mobile-nav .dropdown-menu {
  position: relative;
  background: transparent;
  border: none;
  padding: 0;
  display: block;
  max-height: 0;
  overflow: hidden;
  transition: 0.5s;
}
aside .mobile-nav .dropdown-menu.show {
  max-height: 500px;
}
aside .mobile-nav .dropdown-menu > li {
  margin: 0;
}
aside .mobile-nav .dropdown-submenu .dropdown-menu {
  padding-left: 1rem;
}
aside .mobile-nav .dropdown-item {
  white-space: normal;
}

aside .short-news:before {
  content: none;
}
@media (max-width: 992px) {
  aside .short-news .detail {
    padding: 1rem 0;
  }
}
aside .banner:before {
  content: none;
}
aside .banner {
  overflow: hidden;
}
@media (max-width: 992px) {
  aside .banner {
    background-color: transparent;
  }
}
@media (max-width: 992px) {
  aside .banner article {
    margin: 0 auto;
    width: 340px;
    max-width: 100%;
  }
}
aside .banner a img {
  transition: 0.3s;
}
aside .banner a:hover img {
  transform: scale(1.1);
}
aside .search form {
  display: flex !important;
  gap: 0;
}
aside .search form label {
  display: none;
}

.fc {
  overflow: auto;
}
.fc .fc-header-toolbar h2 {
  font-size: 24px;
  margin-left: 0.5rem;
}
.fc .fc-button {
  border-radius: 0;
}

@media (max-width: 440px) {
  .sidebar-active.hp main > *:not(aside, .content-hp) {
    display: none;
  }
  .sidebar-active.hp main > .content-hp {
    position: absolute;
    width: 100%;
    top: 0;
    max-height: 100vh;
  }
  .sidebar-active.hp main > aside {
    margin-bottom: 105px;
  }
  .sidebar-active.hp.toolbar-vertical main > .content-hp {
    top: 0;
  }
  .sidebar-active main > *:not(aside, .content-hp) {
    display: none;
  }
  .sidebar-active main .content-block:first-of-type {
    display: block;
    position: absolute;
    width: 100%;
    /* top: 105px; */
    top: 0;
    max-height: 100vh;
  }
  .sidebar-active main > aside {
    position: relative;
  }
  .sidebar-active.toolbar-vertical main .content-block:first-of-type {
    top: 144px;
  }
}

/** COLOR VARS */
/** FONT VARS */
/** OTHER VARS */
/** BREAKPOINTS */
/** MIXINS */
/** COLOR VARS */
/** FONT VARS */
/** FOOTER STYLES */
footer {
  /* padding: 2rem 0; */
  position: relative;
  /* z-index: -1; */
  /* background-color: #f1f1f1; */
  /* overflow: hidden; */
  /* &:after {
      position: absolute;
      content: "";
      width: 10%;
      height: calc(100% + 64px);
      background-color: white;
      right: -2%;
      bottom: -10px;
      transform: rotate(-20deg);
  } */
}
.ncia footer {
  background-color: #f7f7f7;
}
footer .container {
  background-color: #f7f7f7;
}
footer .heel {
  display: flex;
  align-items: center;
  padding: 2rem 0;
}
footer .heel .navbar-brand {
  padding: 0;
  margin: 0;
}
footer .heel ul {
  font-weight: 300;
  margin-bottom: 1rem;
}
footer .heel p {
  margin-bottom: 0;
}
footer .heel .copy {
  font-weight: 300;
}
footer .heel .copy i {
  position: relative;
  font-size: 12px;
  top: -2px;
}
footer .heel h4 {
  margin-bottom: 0.25rem;
}
footer.ncia-footer {
  background-image: url("/themes/CUSTOM/ikp/assets/img/bg_html.png");
  position: relative;
  isolation: isolate;
}
footer.ncia-footer:before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgb(1, 31, 60) 10%, rgb(0, 44, 88) 50%, rgba(0, 52, 102, 0) 100%);
  z-index: -1;
}
footer.ncia-footer .container {
  background-color: transparent;
}
footer.ncia-footer .navbar-brand img {
  filter: drop-shadow(2px 4px 6px black);
}
footer.ncia-footer .heel {
  /* padding: 1rem 0; */
}
@media (max-width: 580px) {
  footer.ncia-footer .heel {
    flex-direction: column;
  }
}
footer.ncia-footer .heel h4 {
  margin-bottom: 0.25rem;
  font-size: 18px;
  font-weight: 600;
  color: #ffffff;
}
footer.ncia-footer .heel ul {
  font-weight: 300;
  margin-bottom: 0.5rem;
  margin-left: 0px;
}
footer.ncia-footer .heel :is(p, a, ul) {
  color: #ffffff;
  font-size: 14px;
  text-decoration: none;
}
footer.ncia-footer .heel a:hover {
  color: #e12c35;
  text-shadow: 0px 0px 1px #e12c35;
}
footer.ncia-footer .heel .navbar-brand img {
  padding: 2rem;
}
footer.ncia-footer .heel .copy {
  border-top: 1px solid rgba(255, 255, 255, 0.15);
  padding-top: 0.5rem;
}
footer .list li:not(:last-of-type) a:after {
  content: ",";
}
footer .copy .ext svg {
  display: none;
}
footer .footer-title {
  margin-bottom: 0.25rem;
  font-size: 18px;
  font-weight: 600;
  color: #ffffff;
}

/** COLOR VARS */
/** FONT VARS */
/** OTHER VARS */
/** BREAKPOINTS */
/** MIXINS */
/** COLOR VARS */
/** FONT VARS */
.tabs {
  display: flex;
  padding: 0;
  gap: 0.5rem;
  margin: 1rem 0;
  border-bottom: 1px solid lightgray;
}
.hp .tabs {
  /* position: absolute; */
  z-index: 3;
  top: 0;
  background: #fff;
  padding: 0.5rem;
}
@media (max-width: 992px) {
  .hp .tabs {
    display: none;
  }
}
.tabs li {
  list-style-type: none;
  margin-bottom: -1px;
}
.tabs li > * {
  border: 1px solid lightgray;
  display: block;
  padding: 0.5rem 1rem;
  text-decoration: none;
}
.tabs li > *:not(.is-active):hover {
  border-color: #003466;
  background-color: #003466;
  color: #ffffff;
}
.tabs li > *.is-active, .tabs li.active > a,
.tabs li.is-active > a, .tabs aside ul li > .nav-link:focus, aside ul .tabs li > .nav-link:focus, .tabs aside ul li > .nav-link:hover, aside ul .tabs li > .nav-link:hover,
.tabs aside ul li li.nav-link:focus > a,
aside ul li .tabs li.nav-link:focus > a,
.tabs aside ul li li.nav-link:hover > a,
aside ul li .tabs li.nav-link:hover > a {
  border-color: rgb(190, 22, 34);
  background-color: rgb(190, 22, 34);
  color: #ffffff;
}

div[data-drupal-messages] {
  margin-top: 1rem;
  position: fixed;
  bottom: 1rem;
  right: 1rem;
  z-index: 9;
  width: auto;
}
div[data-drupal-messages] div[role=contentinfo],
div[data-drupal-messages] .messages {
  padding: 15px 20px 15px 35px;
  word-wrap: break-word;
  border: 1px solid;
  border-width: 1px 1px 1px 0;
  border-radius: 2px;
  background: no-repeat 10px 17px;
  overflow-wrap: break-word;
  background-position-y: 19px;
}
div[data-drupal-messages] div[role=contentinfo] + div[role=contentinfo],
div[data-drupal-messages] .messages + div[role=contentinfo] {
  margin-top: 1rem;
}
div[data-drupal-messages] div[role=contentinfo][aria-label="Zpráva o stavu"],
div[data-drupal-messages] .messages[aria-label="Zpráva o stavu"] {
  color: #325e1c;
  border-color: #c9e1bd #c9e1bd #c9e1bd transparent;
  background-color: #f3faef;
  background-image: url(/core/misc/icons/73b355/check.svg);
  box-shadow: -8px 0 0 #77b259;
}
div[data-drupal-messages] div[role=contentinfo][aria-label="Chybová zpráva"],
div[data-drupal-messages] .messages[aria-label="Chybová zpráva"] {
  color: #a51b00;
  border-color: #f9c9bf #f9c9bf #f9c9bf transparent;
  background-color: #fcf4f2;
  background-image: url(/core/misc/icons/e32700/error.svg);
  box-shadow: -8px 0 0 #e62600;
}
div[data-drupal-messages] div[role=contentinfo][aria-label="Zpráva s varováním"],
div[data-drupal-messages] .messages[aria-label="Zpráva s varováním"] {
  color: #734c00;
  border-color: #f4daa6 #f4daa6 #f4daa6 transparent;
  background-color: #fdf8ed;
  background-image: url(/core/misc/icons/e29700/warning.svg);
  box-shadow: -8px 0 0 #e09600;
}

#toolbar-item-administration-tray {
  border-bottom-color: #aaa !important;
}

.toolbar-menu .toolbar-icon-admin-toolbar-tools-help:before {
  box-sizing: content-box;
  /* background-image: url('../img/drupal-9-logo.svg'); */
  background-image: url("/themes/CUSTOM/ikp/assets/img/drupal-9-logo.svg");
  padding-bottom: 0;
  padding-left: 2px;
  padding-right: 2px;
  padding-top: 2px;
  margin-left: 4px;
}/*# sourceMappingURL=style.css.map */