:root {
  --ula-bg-color: #1A2934;
  --ula-color-darkblue: #192934;
  --ula-color-blue: #083353;
  --ula-color-orange: #f27821;
  --cardmenu-gap: 2rem;
  --bs-card-title-color: var(--ula-color-darkblue);
  --bs-body-font-size: 1.125rem;
  --ula-color-pink: #DB5975;
  --bs-btn-color: var(--ula-color-darkblue);
  --bs-btn-font-weight: bolder;
  --ula-color-yellow: #FFD900;
  
}

h4.element-header {
  color:var(--ula-color-yellow);
}
header#page-header p {color: currentColor }
header#page-header a {color: currentColor }

.header-ckp{ 
  background-image: url("{f:uri.resource(path:'Images/lee-dark-bg01.png', extensionName: 'LazarskiWydarzenia')}");
}

.frame-type-accordion {
  padding:0l;
}
.header-images-container img:nth-of-type(1),
.header-images-container img:nth-of-type(2) {
    display: block;
}

@media (min-width: 576px) {
  .header-images-container {
      grid-template-columns: repeat(3, 1fr);
  }    
  .header-images-container img:nth-of-type(3) {
      display: block;
  }    
}
@media (min-width: 992px) {
  .header-images-container {
      grid-template-columns: repeat(4, 1fr);
  }    
  .header-images-container img:nth-of-type(4) {
      display: block;
  }    
}
@media (min-width: 1200px) {
  .header-images-container {
      grid-template-columns: repeat(5, 1fr);
  }    
  .header-images-container img:nth-of-type(5) {
      display: block;
  }    
}
.header-images {
  background: radial-gradient(100.94% 100% at 50% 151%, #1A2934 99.99%, rgba(18, 114, 185, 0.00) 100%);
}
main#page-content {
  --bs-body-color: #fff;
  --frame-color: var(--bs-body-color);
  margin: auto;
  display: flex;
}

.card-menu {
  a {
    font-weight: bold;
    /* color: #fff; */
    
    :before {
      content: '';
      inset: 0;
      position: absolute;
    }
  }
  .card {
    --bs-card-spacer-x: 1rem;
    --bs-card-spacer-y: 1rem;
    --bs-card-cap-padding-x: 1rem;
    --bs-card-cap-padding-y: 1rem;
    /* border: 1px solid rgba(132, 253, 241, 0.33); */
    --bs-card-title-color: var(--bs-primary);
    /* border-radius: 12px 0 12px 12px; */
    background-color: var(--ula-color-orange);
    color: var(--ula-color-blue);
    aspect-ratio: 1/1;
    ul {
      list-style: none;
      padding: 0;
      li {
        padding:0;
        display: inline;
        padding: 0;
        margin: 0;
      }
      li:before {
        content:'';
        width: 0.325rem;
        height: 0.325rem;
        background: CurrentColor;
        border-radius: 50%;
        display: inline-block;
        margin-right: 0.25rem;
        vertical-align: middle;
      }
      li:first-of-type:before {
        display: none
      }
    } 
    p, li {
      font-size: 1rem;
    }
    p.card-date {
      top:1rem;
      right: 1rem
    }
    img {
      aspect-ratio: 2/1;
      min-height: 100%;
      object-fit: cover;
    }
    .card-footer {
      padding: 0 var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);
      
    }
    .card-img-top {
      overflow: visible;
    }
  }  
}


footer.footer-section-content {
  background-color: var(--ula-color-blue);
}

.body-bg {
    min-height: 100dvh;
    grid-template-rows: auto 1fr auto;
    display: grid;
}
main#page-content {
    --bs-body-color: #fff;
    --frame-color: var(--bs-body-color);
}

body:not(#p11056) {
.body-bg {
    grid-template-rows: auto auto 1fr auto;
}  
  .section-default {
    --bs-body-color: var(--bs-body-color);
  }
  main#page-content {  
    background-color: var(--ula-color-orange);
    display: block;
    margin: initial;
  }
  .body-bg {
      min-height: 100dvh;
      grid-template-rows: auto 1fr auto;
      display: grid;
  }
  footer.footer-section-content {
    background-color: var(--ula-color-blue);
  }
  
  .card .card-title {
    font-weight: bold;
  }

  #page-content > div {
    overflow: hidden
  }
  #page-content > div > div {
     z-index: 1;
     position: relative;
  }
  .card-menu {
    .card {
      background-color: var(--bs-body-color);
      color: var(--ula-color-blue);
      aspect-ratio: unset;
      p, li, h2 {
        color: var(--ula-color-blue);
      }
      .btn-quaternary {
        --bs-btn-color:#fff;
        --bs-btn-bg:#ec6000;
        --bs-btn-hover-bg:#ec6000;
        --bs-btn-hover-border-color:#ec6000;
        --bs-btn-hover-color:#fff;
      }
    }
  }
                        
}
#page-content > div:nth-of-type(2) {
  background-color: #fff;
  --frame-color: var(--ula-color-blue);
  h2, h3, h4, h5, h6 {
    color: #F27821;
    font-weight: bold;
  }
}
#page-content .textpic.textpic-above picture {
    max-width: 14rem;
  margin: 0
}
#page-content  > div:nth-of-type(2) {
  .frame-type-textpic {
    margin-bottom: 2rem;  
  }
  .gallery-row {
    display: grid;
    grid-template-columns: repeat(9, 1fr);
    grid-auto-rows: 3rem;
    min-height: 25rem;
    .gallery-item:nth-of-type(1) {
      grid-column-start: 1;
      grid-column-end: 5;
      grid-row-start: 1;
      grid-row-end: 3;
    }
    .gallery-item:nth-of-type(2) {
      grid-column-start: 3;
      grid-column-end: 7;
      grid-row-start: 4;
      grid-row-end: 6;
      z-index: 1
    }
    .gallery-item:nth-of-type(3) {
      grid-column-start: 6;
      grid-column-end: 10;
      grid-row-start: 2;
      grid-row-end: 3;
    }
  }
}
/* language  */
ul#language_menu {
  display: grid;
  list-style: none;
  white-space: nowrap;
  grid-template-columns: repeat(2, min-content);
  font-size: 1rem;
  gap: 1rem;
  margin:0;
  padding: 0
}

ul#language_menu li {
    display: grid;
}
ul#language_menu li.active {
    font-weight: bold;
      /* color: var(--bs-white); */
}
/* footer */
footer picture {
    max-width: 8rem;
}

/* table */
table.table {
      --bs-table-color: #083353;
    tbody { 
        border-bottom: none;
    }
    td {
        border-bottom: none;
    }
    td:first-of-type {
            white-space: nowrap;
        }
    }
}
@media (min-width: 1200px) {
  .frame-type-gridelements_pi1 .row > .col:not(:last-of-type) {
      content: '';
      height:  100%;
      border-right: solid 1px;
  }
}

#page-content > div:nth-of-type(1) {
  .textpic {
    gap: 1rem 2.51rem;
  }
  .frame-type-textpic {
    padding-top:0
  }

  h2 {
    color: var(--ula-color-yellow);
    font-weight: bold;
  }
  li {
    color: var(--bs-white)
  }
  .frame-type-textpic, .frame-type-text {
    p {
      font-size: clamp(1.25rem, 6vw, 1.5rem);
      line-height: clamp(125%, 6vw, 130%);
      margin-bottom: clamp(1rem, 6vw, 1.5rem);
      span {
          color: var(--bs-secondary) !important;
      }
    }
    p:nth-of-type(1) {
      font-size: clamp(2rem, 6vw, 2.25rem);
      line-height: clamp(125%, 6vw, 120%);
      span {
          color: var(--bs-primary) !important;
      }
    }
  }
  .frame-type-texticon {
    padding-block: calc(var(--frame-spacing) * 0.75);
    .texticon-icon .texticon-inner-icon, 
    .texticon-icon .texticon-inner-icon svg, 
    .texticon-icon .texticon-inner-icon img {
        width: 2em;
        height: auto;
    }
    .texticon-content {
      display: flex;
      align-items: center;
    }
    p {
      font-size: 1.375rem;
    }
  }
}
.navbar-mainnavigation .navbar-brand {
  height: auto
}

.ula-icon-1 {
    --radius: clamp(12rem, 18vw, 30rem);
    position: relative;
        color: var(--bs-white);
}
.ula-icon-1:before {
    content:'';
    overflow: hidden;
    display: block;
    width: calc(var(--radius)/2);
    height: calc(var(--radius)/2);
    position: absolute;
    background-size: cover;
    background-position: calc(var(--radius) / 4) calc(var(--radius) / -4);
    background-repeat: no-repeat;
    bottom: calc(var(--radius)/-4 + calc(var(--bs-gutter-x)/2));
    left:   calc(var(--radius)/-4 + calc(var(--bs-gutter-x)/2));
    background-image: radial-gradient(circle,var(--ula-color-yellow) 0%, var(--ula-color-yellow) 70%, rgba(255, 255, 255, 0) 70%, rgba(255, 255, 255, 0) 100%);
}

.ula-icon-1 svg {
  position: absolute;
  overflow: hidden;
  display: block;
  width:  calc(var(--radius)/2);
  height: calc(var(--radius)/2);
  object-fit:contain;
  background-size: contain;
  top: calc(var(--radius)/8);
  right: calc(var(--radius)/8);
}
.container.ratio.ratio-header {
  --bs-aspect-ratio: calc(1 / 1 * 100%);
}
@media (min-width: 992px) {
    p.card-date {
      position: absolute;
    }
  
  .container.ratio.ratio-header {
    --bs-aspect-ratio: calc(9 / 16 * 100%);
  }
  .ula-icon-1 {
    --radius: clamp(20rem, 18vw, 30rem);
  }
}
@media (min-width: 1200px) {
  .container.ratio.ratio-header {
    --bs-aspect-ratio: calc(9 / 21 * 100%);
  }
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
  font-weight:bolder;
}
.btn-quaternary {
  --bs-btn-hover-bg:#ede5e0;
  --bs-btn-hover-border-color:#ec6000;
  --bs-btn-hover-color:#ec6000;
}