/*
  Różaniec Custom styles for Bootstrap 5.0.2
  Version: 1.0.0 [2021-08-25 @PiotrMariaLenart]
*/
/* === fontawesome === */
@charset "UTF-8";
@import url('https://fonts.googleapis.com/css?family=Gelasio:400,700');
@import url('font-awesome.css');

:root {
  --fn-title: #442828;
  --fn-font-face:  Gelasio, Geneva, sans-serif;
}

.elegant-text {
  font-family: var(--fn-font-face);
  line-height: 1.5;
  /* font-style: oblique; */
}
.me-n6 {
  margin-right: -4rem;
}
.ms-n6 {
  margin-left: -4rem;
}

.text-shadow-light {
  text-shadow: 2px 2px 5px #fff;
}
.text-shadow-dark {
  text-shadow: 2px 2px 5px #1f1f1f;
}

/**
  list styles custom 1.0.0
*/
.list-inside {
  list-style-position: inside; }

/**
  MD5 Version: FREE 3.9.0
  //test-folder/public/bootstrap/mdb5/css/mdb.css
  https://mdbootstrap.com
*/

/** bs5 v3.9.0 11414  - 11430 */
.bg-image {
  position: relative;
  overflow: hidden;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50%; }
.mask {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-attachment: fixed; }

/** bs5 v3.9.0 13738 - 13758 */
.font-weight-light {
  font-weight: 300!important; }
.font-weight-lighter {
  font-weight: lighter!important; }
.font-weight-normal {
  font-weight: 400!important; }
.font-weight-bold {
  font-weight: 700!important; }
.font-weight-bolder {
  font-weight: bolder!important; }
.font-italic {
  font-style: italic!important; }
.font-normal {
  font-style: normal!important; }


/* https://codepen.io/alexdevero/pen/avKpLX */

/* mod. by @PiotrMariaLenart */
#navMenu.nav ol,
#navMenu.nav ul {
  list-style: none;
  padding: 0;
}

/* Styling top level items */
#navMenu.nav a,
#navMenu.nav label {
  display: block;
  cursor: pointer;
  text-decoration: none;
  text-transform: uppercase;
  color: #131313;
  padding: .8rem;
  background-color: rgba(230,255,255,.5);
  box-shadow: inset 0 -1px #1d1d1d;
  transition: all 0.25s ease-in;
}
#navMenu.nav a:focus, #navMenu.nav a:hover,
#navMenu.nav label:focus,
#navMenu.nav label:hover {
  color: rgba(255, 255, 255, .8);
  background-color: #04b;
}

/* Styling first level lists items */
.group-list a,
.group-list label {
  font-size: .9rem;
  padding-left: 2rem;
  background-color: rgba(230,255,255,.7);
  box-shadow: inset 0 -1px #373737; }
  .group-list a:focus, .group-list a:hover,
  .group-list label:focus,
  .group-list label:hover {
    background-color: rgba(0,68,187,.5); }
.group-list li > a {
  background-color: rgba(255,255,255,.7);
  color: #575757;
}
 /**
  * Styling second level list items
  */
 .sub-group-list a,
 .sub-group-list label {
   font-size: .8rem;
   padding-left: 4rem;
   background-color: rgba(230,255,230,.2);
   box-shadow: inset 0 -1px #474747;
 }
  .sub-group-list a:focus, .sub-group-list a:hover,
  .sub-group-list label:focus,
  .sub-group-list label:hover {
  background-color: rgba(31,187,0,.5); }

 /**
  * Styling third level list items
  */
 .sub-sub-group-list a,
 .sub-sub-group-list label {
   font-size: .6rem;
   padding-left: 6rem;
   background-color: rgba(230,255,230,.4);
   box-shadow: inset 0 -1px #575757;
 }
 .sub-sub-group-list a:focus, .sub-sub-group-list a:hover,
 .sub-sub-group-list label:focus,
 .sub-sub-group-list label:hover {
  background-color: rgba(31,187,0,.6); }

 /**
  * Hide nested lists
  */
 .group-list,
 .sub-group-list,
 .sub-sub-group-list {
   height: 100%;
   max-height: 0;
   overflow: hidden;
   transition: max-height 0.5s ease-in-out;
 }
 
 .nav__list input[type=checkbox]:checked + label + ul {
   /* reset the height when checkbox is checked */
   max-height: 1000px;
 }
 
 /**
  * Rotating chevron icon
  */
 label > span {
   float: right;
   transition: transform 0.65s ease;
 }
 
 .nav__list input[type=checkbox]:checked + label > span {
   transform: rotate(90deg);
 }

/**
  Based on CSS Tricks
  https://css-tricks.com/examples/SlideinCaptions
 */
.figure__desc {
  position: relative;
  overflow: hidden;
  margin: 0 20px 20px 0;
}
.figure__desc figcaption.figure-caption {
  position: absolute;
  background: #4d4d4d;
  background: rgba(0,0,0,.75);
  color: white;
  padding: 10px 20px;
  opacity: 0;
  -webkit-transition: all 0.6s ease;
  -moz-transition:    all 0.6s ease;
  -o-transition:      all 0.6s ease;
  transition:         all 0.6s ease;
}
.figure__desc:hover figcaption.figure-caption {
  opacity: 1;
}
.figure__desc:before {
  content: "?";
  position: absolute;
  font-weight: 800;
  background: #4d4d4d;
  background: rgba(255,255,255,.75);
  text-shadow: 0 0 5px white;
  color: black;
  width: 24px;
  height: 24px;
  -webkit-border-radius: 12px;
  -moz-border-radius:    12px;
  border-radius:         12px;
  text-align: center;
  font-size: 14px;
  line-height: 24px;
  -moz-transition: all 0.6s ease;
  transition:      all 0.6s ease;
  opacity: .75;
}
.figure__desc:hover:before {
  opacity: 0;
}
.cap-bottom:before { bottom: 10px; left: 10px; }
.cap-bottom figcaption.figure-caption {
  left: 5px;
  bottom: 25%;
  width: calc(100% - 10px);
  -webkit-border-radius: 6px;
  -moz-border-radius:    6px;
  border-radius:         6px;
}
.cap-bottom:hover figcaption.figure-caption { bottom: 0; }

/**
  Based on Fancy Blockquote Style
  https://codepen.io/poopsplat/pen/pvYRXy
 */
 article {
  scroll-behavior: smooth;
  margin: 0 auto;
}
article h1 {
  margin-top: 0;
  font-family: var(--fn-font-face);
  font-size: 2rem;
  color: var(--fn-title);
  font-weight: 700;
  padding-bottom: .2rem;
  border-bottom: 1px solid #c2c2c2;
}
article figure {
  display: flow-root!important; /* fix floating figures side by side */
}
article figure .blockquote {
  font-family: Gelasio, serif;
  width: 100%;
  padding: 2rem 1rem 2rem 3rem;
  position: relative;
  background: #c2c2c2;
  /* margin-top: 3rem; */
  margin-bottom: 0;
  border-radius: .5rem!important;
}
article figure .blockquote::before {
  right: 100%;
}
article figure .blockquote p {
  margin: 0;
  font-size: 1.2rem;
}
article figure .blockquote p::before {
  top: -20px;
  left: 40px;
  color: #fff;
  content: "“";
  font-size: 3em;
  position: absolute;
  text-shadow: -3px 0 #c2c2c2;
}
article figure .blockquote p::after {
  right: 40px;
  color: #fff;
  content: "”";
  bottom: -55px;
  font-size: 3rem;
  position: absolute;
  text-shadow: 3px 0 #c2c2c2;
}
article figure .blockquote-footer {
  border-bottom: 1px solid #c2c2c2;
  margin: 0 2rem;
  padding: 1rem 2rem .5rem 1rem;
}
@media screen and (min-width: 750px) {
  article h1 {
    font-size: 3rem;
  }
  article figure .blockquote::before {
    display: none;
  }
}
/* --- Fancy Blockquote Style --- */

/* breadcrumb */
.fn--breadcrumb a {
  text-decoration: none;
  text-transform: uppercase;
  color: var(--bs-gray-dark);
}
.fn--breadcrumb a:hover {
  color: var(--bs-secondary);
}

/* back t top
  based on https://makitweb.com/back-to-top-with-css-and-jquery/
*/
.back-to-top {
  position: fixed;
  bottom: 2.5rem;
  right: 2rem;
  z-index: 9999;
  cursor: pointer;
  text-decoration: none;
  transition: opacity .2s ease-out;
}

.back-to-top:hover{
  opacity: .7;
}

/** Custom overrides BS5 */
article .figure.left {
  overflow-x: auto;
  float: left;
  text-align: center;
  margin-right: 1em;
  max-width: 30%;
} @media(max-width:991.98px) {
  article .figure.left-lg {
    float: left;
    max-width: 40%;
  }
} @media(max-width:767.98px) {
  article .figure.left-md {
    float: none;
    display: block!important;
    max-width: 100%;
    margin-right: auto!important;
    margin-left: auto!important;
  }
} @media(max-width:575.98px) {
  article .figure.left-sm {
    float: none;
    display: block!important;
    max-width: 100%;
    margin-right: auto!important;
    margin-left: auto!important;
  }
}