@charset "UTF-8";
/***!  /media/templates/site/cassiopeia/css/user.css?db99aa  !***/


:root {
  --cassiopeia-color-primary: #092;
  --cassiopeia-color-link: #092;
  --link-color: #092;
  --link-color-rgb: 0, 153, 34;
  --cassiopeia-color-hover: #954b56;
  --link-hover-color: #954b56;
  --link-hover-color-rgb: 149, 75, 86;
}
:root {
  --body-font-size: 1 rem;
}
h1, .h1 {
  font-size: calc(1.375rem + 0.5vw);
}

@media (width >= 1200px) {
  h1, .h1 {
    font-size: 1.7rem;
  }
}

h2, .h2 {
  font-size: calc(1.125rem + 0.2vw);
}

@media (width >= 1200px) {
  h2, .h2 {
    font-size: 1.5rem;
  }
}

h3, .h3 {
  font-size: calc(1.1rem + .2vw);
}

@media (width >= 1200px) {
  h3, .h3 {
    font-size: 1.35rem;
  }
}

h4, .h4 {
  font-size: calc(1.05rem + .2vw);
}

@media (width >= 1200px) {
  h4, .h4 {
    font-size: 1.25rem;
  }
}

h5, .h5 {
  font-size: 1.15rem;
}


h6, .h6 {
  font-size: 1rem;
}
small, .small {
  font-size: .975rem;
}
.com-content-blog__link a, .card.card-body a, ul.mod-menu.mod-list.nav{
  font-size: 1.18rem;
  text-decoration:none;
}

.grid-child.container-component
 .com-content-categories.categories-list
  .category-desc.base-desc{}

  .com-content-categories.categories-list {}

/*.cat-children, .com-content-categories.categories-list, .com-content-category__articles, {-moz-column-width: 25em; -webkit-column-width: 25em; -o-column-width: 25em; column-width: 25em; -moz-column-gap: 2em; -webkit-column-gap: 2em; -o-column-gap: 2em; column-gap: 1em; -webkit-column-rule: .2em solid #092; -moz-column-rule: .2em solid #092; -o-column-rule: .2em solid #092; column-rule: .2em solid #092;}*/
   

    .com-content-categories__item {}
    .com-content-categories__item
     .com-content-categories__item-title-wrapper
      .com-content-categories__item-title
      .com-content-categories__description.category-desc


.com-content-category-blog__child


/*
.com-content-category-blog.blog{display:flex}
.com-content-category-blog__children.cat-children{display:block}
*/ 
 div.com-content-category-blog.blog div.items-more ol.com-content-blog__links
ol.com-content-blog__links, ol.com-content-blog__links{
padding-left: 0rem;
}
.com-content-blog__link,.com-content-blog__link, .com-content-category-blog__child,.com-content-category-blog__child,.com-content-category__children, .com-content-category__children{
  
  float: left;
  width: 16rem;
  height: 6rem;
  margin: .5rem;
  text-align: center;
  background: #ffc;
  box-shadow: 0 0 9px #666;
  border-radius: 9px;
  padding: .5rem;
} 

::marker{
  content: "";
}

com-content-categories__item

com-content-categories__item, .com-content-categories__item, .com-content-categories__item {
  
  float: left;
  font-size: .99rem;
  width: 15rem;
  height: 15rem;
  margin: .5rem;
  text-align: center;
  background: #ffc;
  box-shadow: 0 0 9px #666;
  border-radius: 9px;
  padding: .5rem;
} 

.com-content-category__children

/*{
    align-content: center;
  float: left;
  width: 20rem;
  height: 6rem;
  margin: .5rem;
  text-align: center;
  vertical-align:center;
  background: #ffc;
  box-shadow: 0 0 9px #666;
  border-radius: 9px;
  padding: .5rem;
} 
*/


/*napis:podkategorie znika on i */

div.cat-children

.com-content-categories__item-title, .com-content-categories__item-title {
  font-size: calc(1.05rem + .2vw);
}
.com-content-categories__item-title-wrapper{justify-content:center;}



table.com-content-category__table.category.table.table-striped.table-bordered.table-hover


span.badge.bg-info.tip.hasTooltip,.badge.bg-info.tip.hasTooltip {
  background-color: transparent !important;
  --badge-color:green;
  padding: --badge-padding-y:.5; --badge-padding-x:.5;
  font-size: var(--badge-font-size);
  font-weight: var(--badge-font-weight);
  color: var(--badge-color);
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: var(--badge-border-radius);
  line-height: 1;
  display: inline-block;} 

/*ilość artykułów w kategorii/podkategorii*/

.com-content-category-blog.blog div.items-more ol.com-content-blog__links

        .slide {
            text-align: center;
            padding: 20px;
            border-radius: 15px;
          border-color: black;
            box-shadow: 0 4px 8px rgba(0,0,0,0.2);
            background-color: white;
            width: 80%;
            max-width: 600px;
          user-select: none;
        }
        .emoji {
            font-size:3rem;
        }
        .emoji-explanation {
            text-align: left;
            font-size: 3rem;
            margin-top: 15px;
            list-style: none;
            padding: 0;
        }