:root {
  --cassiopeia-color-primary: #8c0505;
  --cassiopeia-color-link: #30638d;
  --link-color: #8c0505;
  --link-color-rgb: 48, 99, 141;
  --cassiopeia-color-hover: #bbbbbb;
  --link-hover-color: #a10f15;
  --link-hover-color-rgb: 149, 75, 86;
  --cassiopeia-color-footer: #4b4b4b;
  --body-color: #090909; 
  --body-font-size: medium;
  --body-font-weight: 200;
  --wg-background-color-hover :#f3f3f3;
  --wg-card-border-color: #b3b3b3;
/*  --heading-color: #4b4b4b;  chyba nie wiem co to */
/*  --art-menu-color1: #ffffff; */  
}

.wgRow:after { content: ""; display: table; clear: both; }
.wgColumn1  { float: left; width: 8.33%; }
.wgColumn2  { float: left; width: 16.67%; }
.wgColumn3  { float: left; width: 25%; }
.wgColumn4  { float: left; width: 33.33%; }
.wgColumn5  { float: left; width: 41.67%; }
.wgColumn6  { float: left; width: 50%; }
.wgColumn7  { float: left; width: 58.33%; }
.wgColumn8  { float: left; width: 66.67%; }
.wgColumn9  { float: left; width: 75%; }
.wgColumn10 { float: left; width: 83.33%; }
.wgColumn11 { float: left; width: 91.67%; }
.wgColumn12 { float: left; width: 100%; }

.fontLarger { font-size: larger; font-weight: 500; }
.padding-10px { padding: 10px; }
.padding-20px { padding: 20px; }
.padding-left-10px { padding-left: 10px; }
.padding-left-20px { padding-left: 20px; }
.margin-bottom-10px { margin-bottom: 10px; }
.min-height-160 { min-height: 160px; }
.min-height-180 { min-height: 180px; }
.min-height-310 { min-height: 310px; }

.wgBackgroundColorHover:hover { background-color: var(--wg-background-color-hover); }
.wgBorderBodyColorHover:hover { border: 1px solid var(--body-color); }

.page-header h1 { font-size: xx-large; font-weight: 500; color: var(--cassiopeia-color-primary); }
.page-header h2 { font-size: larger;   font-weight: 500; padding-top: 0.5em; }
.page-header h2:hover { font-weight: 700; }

.border-radius { border-radius: 5px; }
.border-std { border: 1px solid var(--wg-card-border-color); }


.com-content-category-blog__item {
  display: table;
  align-items: flex-start;
  gap: 10px; 
  width: 100%;
  position: relative;
  min-height: 48px; 
}

.com-content-category-blog__item figure.item-image {
  margin: 0;
  flex-shrink: 0;
  padding: 20px;
}

.com-content-category-blog__item figure.item-image img {
  display: block;
  width: 48px;
  height: auto;
}

.com-content-category-blog__item .content-wrapper {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  width: 100%;
}

.com-content-category-blog__item .page-header {
  margin-bottom: 10px;
  width: 100%;
  display: block;
  border: 1px solid var(--wg-card-border-color);
  border-radius: 5px;
  padding: 20px;
  margin-bottom: 10px;
}

.com-content-category-blog__item.no-image {
  flex-direction: column; 
}

.com-content-category-blog__item.no-image .content-wrapper {
  padding-top: 2.5em; 
}


.btn-secondary {
  --btn-color: var(--body-color);
  --btn-bg: var(--white);
  --btn-hover-color: var(--cassiopeia-color-primary);
  --btn-hover-bg: var(--white);
  --btn-active-bg: var(--white);
  --btn-active-color: var(--cassiopeia-color-primary);
  float: right;
  border: none;
  font-weight: 600
}


.icon-chevron-right {
  visibility: hidden;
}


.container-header {
  background-image: var(--cassiopeia-color-primary);  
  background-color: var(--cassiopeia-color-primary);  
  border-bottom: 1px solid var(--cassiopeia-color-primary);
}

.container-header .navbar-toggler {
  color: var(--white);
}

.container-header .mod-menu>li>a, .container-header .mod-menu>li>span {
  color: var(--white);
  font-size: x-large;
}

.container-header .mod-menu>li:after {
  height: 0;
}
     
.container-header:hover .mod-menu>li>a:hover, .container-header:hover .mod-menu>li>span:hover {
  color: var(--cassiopeia-color-hover); 
}

.container-header .site-description {
  color: var(--cassiopeia-color-footer); 
}

.container-header .navbar-brand a {
  color: var(--white);
  text-decoration: none;
}

.container-header .grid-child {
  padding: 0; 
  padding-left: 0.5em;
}

.container-header nav {
  padding-bottom: 10px;
}

.navbar-toggler:focus {
  box-shadow: none;
}

.card {
  /*--card-border-color: var(--wg-card-border-color);*/
  border: var(--card-border-width) solid var(--wg-card-border-color);
}

.footer {
  background-color: var(--cassiopeia-color-footer);
  background-image: linear-gradient(135deg, var(--cassiopeia-color-footer) 0%, var(--cassiopeia-color-footer) 100%);
}


@media screen and (max-width: 900px) {
  
  .wgColumn1, .wgColumn2, .wgColumn3, .wgColumn4, .wgColumn5, .wgColumn6 {
    width: 100% !important;
  }
  
  .wgColumn7, .wgColumn8, .wgColumn9, .wgColumn10, .wgColumn11, .wgColumn12 {
    width: 100% !important;
  }  

  .padding-left-20px { padding-left: 0px !important; }
  
}

@media screen and (max-width: 600px) {
 
  .wgColumn1, .wgColumn2, .wgColumn3, .wgColumn4, .wgColumn5, .wgColumn6, .wgColumn7, .wgColumn8, .wgColumn9, .wgColumn10, .wgColumn11, .wgColumn12 {
    width: 100% !important;
  } 
  
  .min-height-160 { min-height: 1px;  }
  .padding-left-20px { padding-left: 0px !important; }
  
}


/* do usunięcia */
/*
.color-090909 {
  color: orange;
}
.color-ffffff {
  color: orange;
}
/*
.fontMedium {
  font-size: medium;
  font-weight: 200;
}

.body {
  font-size: medium;
  font-weight: 200;
}

.border-090909 { border: 1px solid #090909; border-radius: 5px; }
.border-b3b3b3 { border: 1px solid #b3b3b3; border-radius: 5px; }
.border-f3f3f3 { border: 1px solid #f3f3f3; border-radius: 5px; }
.border-8c0505 { border: 1px solid #8c0505; border-radius: 5px; }
.borderBottom { border-bottom: 1px solid var(--wg-card-border-color); }

*/