@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&family=Ubuntu+Condensed&display=swap');
/*@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap');*/
/*2025 L12 refreshed */
@import url('https://fonts.googleapis.com/css2?family=Sigmar&family=Sigmar+One&display=swap');

body > p {
    /* width: 80%; */
    /* margin: .2rem auto; */
}
[class^="avail"] {
  font: italic 700 2rem 'Exo 2', sans-serif;
  padding: .6rem;
  text-align: center;
}
[data-load] {
  border: 2px solid dodgerblue!important;
  border-left: 8px solid dodgerblue!important;
  background: #222!important;
  border-radius: 8px;
  text-decoration: none;
}
[data-load]:before {
  content: "►";
  color: dodgerblue;

}
.available_1 {
  background: rgba(61, 215, 61, 0.91) !important;
}
.available_1:before {
  content: "Dostępna!";
}
.available_3 {
  background: rgba(255, 153, 0, 0.3) !important;
}
.available_3:before {
  content: "Nakład wyczerpany!";
}
.available_2 {
  background: rgba(0, 153, 255, 0.5) !important;
}
.available_2:before {
  content: "Wkrótce!";
}
.available_6 {
  background: rgba(0, 123, 225, 0.8) !important;
}
.available_6:before {
  content: "Zapowiedź";
}

[rel='addos'] {
  background: #fff;
  display: none;
}
  [rel="artistic"] > div {
/*    width: 100%;*/
    padding: 0;
    overflow: hidden;
  }

  .mb_motto_sec {
    padding: .2rem .3rem!important;
  }
  .mb_motto_sec h3 {
    width: 90%;
  }
  .mb_motto_sec p {
    max-width: 95%;
    margin: .3rem auto!important;
    font-size: 2rem!important;
    line-height: 1.8;
    text-wrap: pretty;
  }
  .mb_motto_sec attribution {
    max-width: 95%;
    margin: .3rem auto!important;
    font-size: 1rem!important;
  }


.un_form_4, .buyer_address {
      input[type="text"], textarea {
        background-color: #fff!important;
        padding: 1rem;
        font-size:1.2rem;
        font-weight: 600;
/*        border: 6px solid #666;*/
      }
    input[type="text"]:focus, textarea:focus {
        background-color: #fff!important;
        border: 6px solid dodgerblue;
      }


    div:has(button[type="submit"]) {
/*        background: red;*/
        text-align: center;max-width: 10rem!important; width: 10rem!important; margin: 1rem auto 3rem!important;
    }
    button[type="submit"] {
      margin: .2rem auto; 
      max-width: 20rem!important; 
      width: 20rem!important;
    }

}
[rel="addos"] {
/*  display: block;*/
}

[rel="admin"] {
   style="word-wrap: break-word;
}

div[rel="admin"], nav[rel="admin"] {
    padding: .4rem;
  
    border: 1px solid yellow;
    border-left: 4px solid yellow;

}

nav.hover {
  opacity: .2;
  position: absolute; 
  right: 5px; top: -3rem; 
  width: 30rem;
}
nav.hover:hover {
  opacity: 1;
}

  a[rel="admin"], button[rel="admin"], div[rel="admin"] a   {
    background: #444!important;
    color: white!important;
    padding: .2rem .5rem;
/*    border: 4px solid red;*/
    border-radius: .4rem 0 0 .4rem;
    border: 1px solid yellow;
    border-left: 10px solid yellow;

    display: inline-block;
    font: normal 300 1rem 'Ubuntu Condensed'!important;
    box-shadow:  1px 1px 6px 0px #333300;
    /* inset 1px 1px 10px 0px rgba(0, 0, 0, 0.559),   */
  }
  *[rel="admin"] {
    background: rgba(110,120,120,.1);
    color: black;
    border-left: 10px solid yellow;
  }
  div[rel="admin"] a {
    display: block;
  }
  a[rel="admin"]::before, div[rel="admin"] a::before {
      content: "";
    }
  nav[rel="admin"], nav[rel="admintools"]  {
    border-left: 10px solid yellow;
    background: #555;
    color: white;
    button {
      background: dodgerblue;
      padding: .3rem 1rem;
      border: 2px solid #999;
      border-radius: 6px;
    }
    a, button {
      color: white!important;

    }
     button:hover {
        background: red!important;
      }
  }
li[rel="admin"] {
  background: rgba(200,200,100,.6);
  :: before {
    content: "ADM: ";
  }
}
[rel="admintools"] {
  position: absolute;
  top: 5px;
  right: 5px;
}
#admin-status-bar {
  opacity: .2;
}
#admin-status-bar:hover {
  opacity: .8;
}
[rel="toolbox"] {
  width: 12rem;
  max-width: 12rem;
  > button, > a {
   display: inline-block;
    margin: .2rem auto;
  }
}
[rel="emptyvalue"] {
  border-left: 10px solid orangered;

}

[rel="bookfile"] {
  display: inline-block;
  border-left: 3px solid dodgerblue;
  margin: .2rem .5rem .2rem;
  background: #222;
  padding: .2rem .4rem;
  border-radius: 6px;
  text-decoration: none;
}

#placeholder_main {
  padding: 4rem;
}


form {
  max-width: 100%!important;
}
div, a, button, p {
  max-width: 100%;
  box-sizing: border-box;
}
h1, h2, h3, h4, h5 {
  text-wrap: balance;
}
h1 {
  font-family: "Sigmar One";
    font-weight: 400;
  font-style: normal;
/*  font-family: "Exo 2";*/
  margin: 2rem auto;
}
h1 {
/*  color: red;*/
}
h1 span {
  display: block;
  font-size: 70%;
}
h3 {
  font-size: 1.1rem;
}
h2[id] span:not(> .next):not(> .previous) {
  font-size: 70%;
  display: block;
  text-align: center;
  a {
    font-size: 100%;
    font-weight: 700;
    color: white;
    text-decoration: none;
  }
}
body h2[id], body h2 {
  background: #444!important;
  color: white!important;
  width: 100%;
  max-width: 100%;
  padding: 3rem 0;
  margin: 2rem auto ;
  span {
    margin-top: .6rem;
  }

}
h2[id]:hover {
  .previous a, .next a {
    color: white!important;
  }
}
body > h1, body > h2 {
  text-wrap: balance;
}

h4 {
  font-size: 1rem;
}
h1 {
  text-align: center;
}
h1,
article > h2 {
  text-align: center;
  font-family: "Exo 2";
  font-weight: 700;
  /*color: red;*/
}
h2 {
  text-align: center;
  font-weight: 900;
}
body > h2 {
  background: #444;
  color: white!important;
  width: 100%;
  padding: 3rem 1rem;
  margin-top: 3rem;
}
h2 {
  display: relative;
  position: relative;
}
h2 span.next {
  position: absolute;
  /*        background: red;*/
  bottom: 3px;
  right: 5px;
}
h2 span.previous {
  position: absolute;
  /*        background: red;*/
  top: 1px;
  left: 2px;
}
h2 span {
  display: block;
  font-size: 60%;
  color: #aaa;
  text-align: center;
}
h2 span a {
  color: #777;
  font-size: 1rem;
  font-weight: 300;
}
h2 span a:hover {
  color: #eee;
  font-size: 1rem;
  font-weight: 300;
}
body > h2:first-of-type {
  margin-top: 0;
}
nav {

  font: normal 300 1.3rem 'Ubuntu Condensed';
  text-align: center;
   a {
    color: @sw_darker;
    margin: .1rem .1rem;
  }

   a:hover {
    color: #111;
    text-decoration: none;
  }
   a:hover i{
    color: #666;
  }
  a + a:before {
    content: " · ";
    font-weight: 800;
    color: white;
    font-size: 1rem;
  }
}

body > p {
  background: #f6f6f0; 
  padding: 1rem; 
  width: 70%; 
  margin: 1rem auto;
}

p button {
  max-width: 100%;
  box-sizing: border-box;
}

.mb_box_header {
  width: 90%;
  height: auto;
  margin: .1rem auto;
/*  background: red;*/
  background: #fafafa;
  > img {
    max-width: 11rem!important;
    width: 11rem!important;
    flex: 1 1 16rem;
  }
  h1 {
    margin: .5rem auto;
  }

}

.mb_post {
  width: 80%;
  margin: .5rem auto 5rem;
  background: #ddd;
  color: #333;
  border: 4px dotted #666;
  box-sizing: border-box;
  padding: 2rem;
  font-size: 1.2rem;
}
.mb_post h2 {
  font: italic 700 1.4rem 'Open Sans', "Exo 2";
/*  color: #336699;*/
  padding: 1rem!important;
  text-align: left!important;
  text-wrap:balance!important;
}
.mb_post h3 {
  font: italic 500 1.1rem 'Exo 2';
  color: #336699;
}
.mb_post li {
  text-align: left;
}
.mb_post + .mb_post {
  margin-top: 4rem;
}

.ws_entrylist {
  width: 90%;
  margin: 1rem auto;

  >div:nth-of-type(odd) {
    background: #dedede;
  }
  >div div:nth-of-type(2) {
    background: #333;
    color: white;
    width: 20rem!important;
    max-width: 20%;
    text-align: center;
  }
  strong {
    word-break: break-all;
    word-wrap: break-word;
    font-weight: 700;
  }
}


.mb_footnote {
  width: 90%;
  border-radius: 8px;
  background: #eee;
  margin: 1rem auto;
  padding: 1rem;
  .img_box {
    width: 16rem;
    height: 16rem;
  }
  h2 {
    padding: 1rem;
    text-wrap: balance;
    font-weight: 700;
  }
  h3 {
    color: #999;
    text-align: center;
    font-family: "Exo 2";
    font-weight: 700;
  }
  h3:not(:first-of-type) {
    /*    color: red;*/
    margin-top: 1rem;
  }
  [rel="idnumber2"] {
    margin: 1rem;
    display: inline-block;
  }
  .mb_desc a {
    word-break: break-all;
  }

}

.sw_call {
  background: #eee;
  margin: 2rem auto;
  display: block;
  border: 2px solid red;
}
.sw_call div {
  display: inline-block;
}
.sw_call div:last-of-type {
  width: 20rem;
  background: #ff6666;
  margin-right: 0;
}
.sw_call img {
  max-height: 12rem;
}
.sw_call2 {
  width: 70%;
  margin: 1rem auto;
  padding: .2rem;
  border: 2px solid #aaa;
  display: table;
  background: #fefefe;
  font-size: 1rem;
  vertical-align: top;
}
.sw_call2 > div {
  display: table-row;
  /*padding: .3rem;*/
}
.sw_call2 > div > div {
  vertical-align: top;
  display: table-cell;
  padding: 0.2rem;
}
.sw_call2 > div > div:last-of-type {
  width: 12rem;
  background: #999999;
  text-align: center;
  vertical-align: middle;
}
.sw_call2 img {
  height: 12rem;
  width: 8rem;
}
.sw_call_printable {
  width: 70%;
  margin: 2rem auto;
  padding: 2rem;
  border: 2px solid #aaa;
  display: table;
  background: #fefefe;
  font-size: 1rem;
  vertical-align: top;
}
.sw_call_printable > div {
  display: table-row;
  /*padding: .3rem;*/
}
.sw_call_printable > div > div {
  vertical-align: top;
  display: table-cell;
  padding: 0.2rem;
}
.sw_call_printable > div > div:last-of-type {
  width: 12rem;
  background: #999999;
  text-align: center;
  vertical-align: middle;
}
.sw_call_printable p,
.sw_call_printable em {
  color: #888!important;
}


.mb_publiclink {
    background: #333; 
    color: white;
    padding: 1rem;
    h3, h4 {
      font-weight: 800;
      text-align: left;
      color: white;
      font-family: "Exo 2", sans-serif;
    }
    > div {
      background: #333;
      text-align: left;
      cite {
        color: white;
        font-weight: 600;
      }
    }
    > div:has(img) {
      text-align: center;
      width: 7rem; 
      min-width: 3rem; 
      max-width: 100%; 
      background: #222;
      padding: 0;
      img {
        width: 100%;
      }
    }
    > div:last-of-type {
      width: 30%;
      background: #444;
      text-align: center;
      h3 {
        text-align: center!important;
        width: 100%;
        margin: .1rem;
      }

      div {
        margin: .4rem!important;
      }
      a {
        margin: .4rem!important;
        display: inline-block;

      }
    }
    [rel="content"] {
/*      background: red;*/
      word-break: break-word;
      h3, h4 {
        font-size: 1.7rem;
        margin: .2rem auto!important;
        margin-top: .2rem!important;
      }
      h4{
        font-size: .8rem;

      }
    }
    strong {
      font-weight: 800;
    }
}




.ws_product_listitem {
  background: #555;
  margin-bottom: 1rem;
  color: white;
  text-align: left;
  > div {
    background: #555;
    padding: 1rem!important;
    margin: .2rem;
  }
  > div > div {
    width: 20%;
    max-width: 20%;
    padding: .5rem!important;
  }
  > div > div:last-of-type {
    width: auto;
    max-width:none;
    background: #333;
  }
  > div > div:has(img) {
    background: #348;
    width: 9rem;
    max-width: 9rem;
  }
  h3 {
    font-size: 1rem;
    font-weight: 700;
    text-align: left;
    color: white;
  }
  h5  {
    font-size: 1rem;
    font-weight: 500;
    text-align: left;
    color: white;
    margin: .2rem auto!important;
  }
}

.ws_item_alr_in_basket {
    font-size: .9rem; 
    border: 2px solid red; 
    width: 80%; 
    margin: .2rem auto; 
    box-shadow: inset 1px 1px 20px 0px rgba(0, 0, 0, 0.859), 
        1px 1px 6px 0px #333300;

}



.mb_box_admin_feature {
    width: 18rem;
    min-width: 20rem;
    max-width: 30rem!important;
    border: 4px solid #ddd;
    background: #f0f0f0;
    border-radius: 8px;
    margin: .3rem;
    padding: 0!important;
    h3 {
      background: rgb(54, 152, 214, 1);
      width: 100%;
      color: white;
    }

    > div {
      margin: 0!important;
      padding: .3rem;
    }
    > div:nth-of-type(2) {
          max-width: 10rem;
          background: #2a6fc31f;
          text-align: center;
    }
    a {
      font-weight: 500;
         /*   margin-left: 5px;*/
         /*   display: inline-block;*/
    }
    p {
          font-size: .9rem;
          margin-bottom: 0!important;
          span {
          display: inline-block;
    }
      cite {

        font-weight: 700;
        color: #559;
      }
    }
   .meta {
        font-size: .8rem;
        padding: 0!important;
        padding-left: .5rem!important;
        color: #666;
   } 
  }

.open {
  display: block;
  font-size: 1.8rem;
}
.open:hover {
  filter: brightness(1.2);
  filter: sepia(60%);
}

.mb_data_presence {
  font-weight: 500;
  color:  white;
  text-align: left;
}
.data_presence_status {
    padding: 0.2rem 0.5rem;
    border-radius: 3px;
    color: #ddd;
    background: rgb(0, 155, 127);

}

.data_presence_status [class='status_'], .data_presence_status [class='status_'] a, .data_presence_status [class='status_'] i   {
    background: rgb(190, 155, 127);
}
.data_presence_status.status_0, .data_presence_status.status_0 a {
  background: red;
  font-weight: 500;
  color: #eee!important;
}



.sw_maksim, .sw_adage, .mb_adage, 
.sw_formative, .mb_insertion {
/*  background: rgba(181, 81, 81, .1);*/
    position: relative;
    background: rgba(81, 81, 81, .1);
    padding: 3rem;
    width: 80%;
    margin: .5rem auto 3rem;
    > div > div:first-of-type {
      /*    background: green;*/
    }
  > div > div:first-of-type:has(img) {
      /*    background: #222!important;*/
      max-width: 7rem;
  }
  p, h4 {
      font: normal 200 1rem 'Nunito';
      color: #555;
      margin: .5rem auto 0;
      cite {
          font: normal 600 2rem 'Nunito';
      }
  }
  [rel="content"] {
    background: white;
    padding: 2rem;
    border: 2px dashed #aaa;
    border-radius: 5px;
    padding-left: 5rem;
    font-size: 1rem;
    word-break: break-word;
    cite {
        font-size: 1.2rem!important;
        font-style: italic;
        color: rgb(35, 88, 145);
        font-weight: 700;
        font-style: italic;
    }
  }

   [rel="content"]:before {
    position: absolute;
    margin-left: -3rem;
    margin-top: -60px;
    content: "„";
    /*    content: open-quote;  „*/
    font-weight: bold;
    font-size: 5rem;
    color: rgba(30, 144, 255,.7);
  }

  
  p + p {
    color: #888;
  }
  a {
    text-decoration: none;
    color: red;
    word-break: break-all;
  }
  h3, [rel="title"]  {
    width: 100%;
    text-align: center;
/*    font: normal 600 2rem 'Nunito';*/
    font: normal 800 1.2rem 'Nunito'!important;
    letter-spacing: 1px;
    word-break: break-word;
    color: #aaa;
    text-align: center;
    text-align: center;
    padding: .2rem;
    text-wrap: balance;
    a {
      color: @sw_darker;
      /*text-shadow: 0px -2px 0 white,  0px -1px 0 white,  0px 0px 0 white, 2px -2px 0 white,  2px -1px 0 white,  2px 0px 0 white, -2px -2px 0 white, -2px -1px 0 white, -2px 0px 0 white, 1px -2px 0 white,  1px -1px 0 white,  1px 0px 0 white, -1px -2px 0 white, -1px -1px 0 white, -1px 0px 0 white, 0px -2px 0 white,  0px -1px 0 white,  0px 0px 0 white;*/
      box-shadow:  0 -2px 0 0 transparent inset;

      transition: all .3s ease-in;

    }
    a:hover {
      /*text-decoration: underline;*/
      /*text-decoration-color: #ccc;*/
      transition: all .3s ease-out;
      box-shadow:  0 -2px 0 0 rgba(210, 30, 30, .5) inset;
    }
    a::selection {
      color: white;
      background: #d21e1e;
      text-shadow: none;
    }
  }
  h4 {
    font-size: 110%;
    text-align: left;
    color: #777;
  }
  h5 {
    margin: .1rem auto 1rem;
    font: normal 300 1.5rem 'Alegreya Sans';
    color: #666;
  }
  p {
    text-align: justify;
    font: normal 400 1.3rem 'Calibri';
  }
  attribution, .attribution {
    display: block;
    width: 100%;
    text-align: right;
    margin-right: 0.2rem;
    font: normal 300 1.3rem 'Alegreya Sans';
    color: #777;
    cite {
      color: black;
      text-decoration: underline;
      text-decoration-style: wavy;
      text-decoration-color: rgba(102, 102, 102, .1);
    }
  }
}





img {
  max-width: 100%;
}
.thumb3d {
  width: 3.5rem;
  max-width: 5rem;
  /*    background: red;*/
  text-align: center;
}
.thumb3d img {
  width: 5em;
  max-width: 5rem;
  height: 130%;
  max-height: 95%;
  margin: .2rem auto;
}

.ws_book_pageheader {
  background: #444;
  width: 90%;
  margin: 1rem auto;
  color: white;

  [rel="image"] {
    max-width: 12rem!important;
    width: 12rem;
    img {
      max-width: 12rem!important;
    }
  }
  [rel="buttons"] {
    max-width: 15rem;
    width: 15rem;
  }
  p > cite {
    display: block;
    color: #dedede;
    font-size: 1rem;
    letter-spacing: 2px;
    font-weight: 700;
  }

  [rel="tags"] {
    opacity: .2;
  }
  [rel="tags"]:hover {
    opacity: 1;
  }
}


.ws_title_flat {
    background: #444;
    color: #bbb;
    font-family: "Exo 2";
    letter-spacing: .6px;
    font-size: 1.3rem;
    text-align: left;

  p {
    margin: .2rem .3rem!important;
  }
  > div {
      width: 100%;
    h2 {
      text-align: center;
      font-size: 2.3rem;
      letter-spacing:   3px;
      color: white!important;
      padding: 1rem 0;
      margin: 0 auto;
/*      background: red!important;*/
      a {
        color: #ededed;
        margin-right: 1rem;
      }
      a:hover {
        color: cadetblue;
      }

    }
  }
  > div:nth-of-type(2) {
      width: 100%; height: 6rem; text-align: center;
      background: #666;
      font-size: 1rem;
      a {
        margin: .2rem;
      }
  }
  .ws_btn_filter_1 {
    width: 9rem!important;
    max-width: 9rem!important;
    font-size: 90%;
  }
   [rel="wsnav"]{
    > a {
      max-width: 9rem!important;
      width: max-content !important;
    }
   }
}

cite[rel="title"] {
  font-family: "Segoe UI", Nunito, sans-serif;
  font-size: 2.7rem;
  font-weight: 700;
  line-height: 1;
  margin-bottom: .7rem;  
  letter-spacing: 2px;
  word-break: break-word;
}
cite[rel="title"] + cite[rel="subtitle"] {
  font-family: "Segoe UI", Nunito, sans-serif;
  font-weight: 500;
  font-size: 1.4rem;
  line-height: 1;
  letter-spacing: 1px;
  margin-top: 0;  
  margin-bottom: 4.5rem!important;  

  word-break: break-word;
/*  color: red;*/
}



.dt_block {
  background: white!important;
  width: 90%;
  margin: 3rem auto .5rem;
  font-size: 1rem;
  > div {
    box-sizing: border-box;
    align-content: center;
    margin: 1rem;
    border: 2px solid #aaa;
    max-width: 40%;
  }
}

.box_tribe_gallery, .box_tribephotos {
  box-sizing: border-box;
  margin: 1rem;
  border: 2px solid #666;
  padding: 0!important;
  background: fafafa;
  min-width: 10rem!important;
  width: 30%;
/*  color: greenyellow;*/
  h3 {
    background: #666!important;
    color: white;
    font-weight: 700;
    padding: .5rem 0;
    text-align: left!;
    b {
      background: dodgerblue;
      padding: .4rem;
    }
  }
  .un_flex > div svg, .un_flex > div img {
    max-width: 100px;
    width: 100px;
    min-width: 100px;
    height: 100px;
    margin: .2rem;
/*    border: 2px solid red;*/
  }
  
}

.box_tribephotos_qr {
  border: 2px solid #333;
  margin: .5rem;
  break-inside: avoid!important;
  padding: .2rem!important;
  h3 {
    line-height: 1.7;
    b {
      background: #333;
      color: white;
      padding: .3rem 1rem;
    }
  }
  > div {
    padding: .2rem!important;
  }
  div:has(> svg) {
    width: 10rem;
    max-width: 10rem;
    background: #ddd;
    text-align: center;
    align-content: center;
  }
}

.sw_table {
  display: table;
  width: 90%!important;
  margin: 1rem auto;
  border: 2px solid #777;
  font-family: "Exo 2";
  img {
    width: 6rem;
    height: 8rem;
    display: block;
  }
    .header div{
      font-size: .9rem;
    }  
  > div:nth-of-type(odd) {
    background: rgba(215, 215, 215, .5)!important;

    }

  > div > div:first-of-type {
      width: 12rem!important;
  }
    
  > div {
    display: table-row;
    margin: .5rem;
    > div {
      display: table-cell;
      padding: .4rem;
    }
    > div.link {
      vertical-align: middle;
    }

  }
  h4 {
    margin: .3rem auto;
    font-style: bold;
  }
  h5 {
    color: #666;
    font: italic 700 1.4rem 'Exo 2', sans-serif;
  }
  a {
    margin: .4rem;
  }
}
.sw_table {
  display: table;
  margin: 1rem auto;
  width: 80%;
  border: 2px solid rgba(170, 170, 170, .5);
  .header div {
    padding: .1rem .4rem!important;
    /*color: red;*/
  }
  .title {
      font: italic 700 1.2rem 'Exo 2';
      padding: .2rem;
      vertical-align: middle;
      word-break: keep-all;
      /*hyphens:         none;*/
      white-space: nowrap;
    }
  > div:nth-of-type(odd) {
    background: rgba(225, 225, 225, .6)!important;
    }
  > div {
    display: table-row;
    padding: .5rem .2rem;
    > div {
      display: table-cell;
      padding: .5rem .2rem;
      vertical-align: top;

    }

  }
  h4 {
    margin: .3rem auto;
    font-style: bold;
  }
  h5 {
    color: #999;

  }
}


.mb_list_entry {
  padding: 0.1rem!important;
  background: #666;
  color: white;
  margin: .2rem;
  border: 2px solid dodgerblue;
  > div{
    padding: 0;
  }
}



.sw_table_layout1 {
  > div {
    border-top: 12px ridge  #555!important;
    margin-bottom: 2rem;
  }
  > div:nth-of-type(odd) {
    background: #ccc!important;
    color: #222;
    border: 3px solid #777!important;

  }
  background: #eeeeee!important;
  > div > div:last-of-type {
    text-align: center;
    max-width: 12rem;
  }
  a {
    font-weight: 700;
  }
  span {
    display: block;
    font-size: 80%;
  }
}


.sw_table_layout1 {
  background: #eeeeee!important;
}
.sw_table_layout1 > div {
  border-top: 12px ridge  #555!important;
  margin-bottom: 2rem;
}
.sw_table_layout1 > div:nth-of-type(odd) {
  background: #ccc!important;
  color: #222;
  border: 3px solid #777!important;
}
.sw_table_layout1 > div > div:last-of-type {
  text-align: center;
  max-width: 12rem;
}
.sw_table_layout1 a {
  font-weight: 700;
}
.sw_table_layout1 span {
  display: block;
  font-size: 80%;
}
.sch_table {
  width: 70%;
  border: 2px solid #888 ;
  margin: 2rem auto;
  background: #efefef;
  font-size: 1.3rem;
}
.sch_table td {
  padding: .3rem;
}
.sch_table td span {
  display: block;
  font-size: 80%;
  color: #444;
}
.sch_table td:last-of-type {
  width: 20rem;
  background: #fefefd;
}
.sch_table {
  font: italic 700 1.2rem 'Exo 2', sans-serif;
}
.sch_table dl {
  text-align: left;
}
.sch_table dt {
  margin-left: 3rem;
  font: italic 700 1.2rem 'Exo 2', sans-serif;
}
.sch_table h3 {
  /*font-size: 2rem;*/
  font: italic 700 1.8rem 'Exo 2';
  margin-top: 3rem;
}
.sch_table h5 {
  margin: .3rem auto;
  color: #666;
  font: italic 700 1.2rem 'Exo 2', sans-serif;
}
.sch_table h5 span {
  display: block;
  background: none;
  border: 0;
  font-size: 80%;
  color: #444;
}


.mb_desc {
  color: #555;
  text-align: left;
  font-family: 'Open Sans';
  font-weight: 500;
}
.mb_desc em {
  color: #555;
  font-weight: 500;
}
.mb_desc span {
  font-weight: 300;
}
.mb_desc span:nth-of-type(odd) {
  color: #003399;
}
.mb_desc.emphase {
  font-weight: 300;
  /*color: #f55;*/
}
.mb_desc span:first-of-type {
  color: #888;
  font: italic 700 1.1rem 'Open Sans';
}
.mb_desc.frame {
  background: rgba(254, 254, 254, 0.9) !important;
  border: 2px dotted #666;
  border-radius: 4px;
  padding: .2rem;
}


.recommend_person {
  width: 90%;
  margin: 1rem auto;
  background: #ddd;
  > div:first-of-type{
    width:12rem;
    min-width:12rem;
/*    background: red;*/
  }
}


.mb_stats_table {
  font-family: "Exo 2";
    background: #777;
    position: relative; 

  h4 {
    background: #666;
    color: white;
    text-align: center;
    font: normal 500 1.1rem 'Exo 2';
    padding: .4rem;
  }

}

.stat_line {
  position: relative;
  background: #555;
  color: white;
  margin: .2rem;
  padding: .3rem;
  font: normal 500 1.1rem 'Exo 2'!important;
  div[rel="toolbox"] {
    width: 8rem;
    max-width: 8rem;
/*    background: red;*/
  }
  cite {
      color: white;

  }
  a {
    color: white;
  }
  [rel="url"] {
    word-break: break-all;
  }
  a.count {
    align-content: center;
    float: right;
    min-width: 4rem;
    background: #999;
    text-align: center;
    font-size: 110%;
    font-weight: 800;
  }
  a.count:hover {
    background: #777;
    text-decoration: none;
  }
  div:has(> [rel="url"]) {
      max-width: 50%;
    a {
      text-wrap: wrap;
      word-break: break-all;
      overflow-x: hidden;
      display: inline-block;
  }

}
}


.stat_line:hover {
  background: #666;

}


nav.stat_line {
  > div {
    padding: .1rem;
/*    background: red;*/
    align-content: center;
  }
}

.notice {
  text-align: center;
  background: #333;
  color: #ddd;
}
.notice:hover {
  background: #555;
  color: #ddd;
}



.ws_box_setting {
  border: 3px solid rgb(84 138 237);
  border-radius: 8px;
  padding: 0!important;
  width: 30rem;
  max-width: 100%!important;
}
.ws_box_setting h3{
  background: #555!important;
  color: rgb(84 138 237);
  margin: 0!important;
  padding: 0.4!important;
/*  color: #eee;*/
}
.ws_box_setting p.button{
  text-align: center;
}

.feedback {
  font-weight: 800;
  color: #555;
  padding: .3rem;
  text-align: center!important;
  width: 100%;
}

.ws_box_setting +.ws_box_setting {
  margin-top: 1rem!important;
}


[rel="qrcode"] svg {
  max-width: 100%!important;
}


[rel="purch-link"],
[rel="purch-link"] a {
  font-size: 1.2rem;
}
[rel="purch-link"] a {
  word-break: break-all;
}
[rel="purch-link"] {
  word-break: break-all;
}


.mb_bookvision {
  background: #444;
  color: white!important;
  padding-bottom: 3rem;
   h5 {
    margin: 1rem!important;
    padding-top: 1rem!important;
  }
   p {
    color: white!important;
    font-size: 2.3rem;
    padding: 1rem 4rem!important;
    max-width: 100%;
  }
   p + p {
    padding-top: 0!important;
  }
  nav a:nth-of-type(even):hover {
    color: white;
  }
  nav a:nth-of-type(odd):hover {
    color: #eee;
  }
}

p.meta {
  text-wrap: balance;
}

.mb_motto {
/*    color: red!important;*/

    width: 60%;
    margin: .5rem auto;
    font-size: 2rem;
    text-align: center;
    font-family: "Open Sans", sans-serif;
    em, span {
      font-size: 120%;
      display: block;
    }
    attribution {
      display: block!important;
      text-align: right;
    }
}
.mb_motto.large {
    font-size: 3.4rem;
    font-weight: 300;
    font-family: "Open Sans", sans-serif;
    font-style: italic;
}

.mb_blurb {
  background: rgba(221, 221, 221, 0.2);
  padding: 1rem;

  width: 70%;
  margin: 1rem auto;
  font: italic 300 1.5rem 'Roboto';
  /*font: italic 700 1.5rem 'Open Sans';*/
}
.mb_blurb p {
  color: #555;
  text-align: justify;
}
.mb_blurb h5 {
  font: italic 700 1.5rem 'Exo 2';
  text-align: center;
}
.mb_blurb h5 + p {
  /*font-size: 80%;*/
  /*width: 70%;*/
  /*margin: 1rem auto;*/
}
.mb_CTA {
  width: 70%;
  border: 2px solid #888;
  border-radius: 8px;
  box-shadow: 7px 7px 5px 0px rgba(50, 50, 50, 0.75);
  margin: 1rem auto;
  padding: .5rem;
  background: linear-gradient(120deg, #383f72 30%, #204090 70%);
  text-align: center;
  font: normal 500 2.1rem 'Exo 2';
  color: #ddd;
}
.mb_CTA a {
  color: #fff;
  font: normal 600 2.2rem 'Exo 2';
}
.result {
  font-size: 1.2rem;
  font-family: "Exo 2";
  color: #766;
}

.mb_sellers_list > div {
  margin: 3rem auto;
  background: #555;
  color: white;
}
.mb_sellers_list h3,
.mb_sellers_list h3 a {
  font: italic 700 2.2rem 'Exo 2';
  color: red;
}


.mb_content_presenter {
  background: rgba(239, 239, 239, 0.9);
  border: 2px dotted #888;
  border-radius: 4px;
  padding: .3rem;
  color: #555;
  h3 {
    background: #333;
    color: white;
    font-size: 120%;
    padding: .5rem 1rem;
    text-align: center;
  }
  p {
    text-indent: 1rem;
  }
  p:first-of-type {
    text-indent: 0;
  }
  cite {
    color: #555!important;
  }
  strong {
    color: #533;
  }
}






.mb_content_presenter_2 input {
  font-size: 1.4rem;
  border-radius: 5px;
  margin: .2rem;
}
.mb_blurb .mb_content_presenter {
  padding: 1rem 2rem;
  font-family: sans-serif;
}
.mb_blurb .mb_content_presenter h4 {
  margin: .2rem auto .2rem 3rem;
  font-size: 100%;
}
.mb_blurb .mb_content_presenter ul {
  margin: .5rem auto;
  width: 90%;
}
.mb_blurb .mb_content_presenter ul li {
  max-width: 95%;
  margin: .1rem auto;
}

.mb_content_presenter_3 {
  background: white;
  color: #333;
  padding: 1rem;
  margin: 1rem;
  border: 3px dashed #333;
  border-radius: 10px;
}


.mb_bookbar {
  display: block;
  width: 90%!important;
  margin: .1rem auto;
  background: rgba(185, 185, 185, 0.2);
  color: #555;
  max-width: 100%;
  text-align: center;
  > div {
    align-content: center;
    text-align: center;
  }
}
.mb_bookbar > div:first-of-type {
  /*max-width: 6rem;*/
  text-align: center;
  width: 12rem;
  max-width: 12rem;
}
.mb_bookbar > div:first-of-type a {
  margin: .2rem;
}
.mb_bookbar img {
  width: 12rem;
  max-height: 100%;
  /*max-width: 3rem;*/
  /*height: 4rem;*/
  margin: .1rem;
}
.mb_bookbar h1 {
  /*color: @fonttext!important;*/
  /*text-align: left;*/
  width: 100%;
  font: normal normal 700 1.6rem/100% "Exo 2", cursive, serif;
  color: #444;
  /*margin: .5rem auto .1rem!important;*/
  padding: .2rem;
  text-align: center;
  margin: 1rem auto .4rem!important;
}
.mb_bookbar h2 {
  text-align: left;
  width: 100%;
  font: normal normal 600 1.3rem/100% "Exo 2", cursive, serif;
  margin: .1rem auto;
  letter-spacing: 1px;
  line-height: 1.4;
}
.mb_bookbar h2 em {
  color: #555!important;
}
.mb_bookbar h3 {
  font: italic 700 1.1rem 'Open Sans';
  color: #888!important;
  margin: 1rem auto;
  text-align: justify;
}
.mb_bookbar h3 em {
  color: #555!important;
}
.mb_bookbar h4 {
  margin: .2rem auto;
  text-align: left;
}
.mb_bookbar h4 span {
  color: #999;
}
.mb_bookbar .gist {
  font-family: "Exo 2";
  font-weight: 600;
  font-style: italic;
  color: #457;
  letter-spacing: 1px;
  line-height: 125%;
}
.mb_bookbar .gist cite {
  color: #679;
  font-weight: 700;
}
.mb_bookbar .gist em {
  color: #33333d;
  font-weight: 700;
}


.box_emphased {
  text-align: center;
  border: 3px solid #558;
  background: #fefefe;
  border-radius: 10px;
  margin: .3rem;
}
.box_emphased_2 {
  width: 100%;
  text-align: center;
  border: 2px solid #558;
  padding: .3rem;
  background: #fefefe;
  border-radius: 10px;
  margin: .3rem;
  h3 {
    padding: .5rem;
  }
}
.box_emphased_3 {
  width: 100%;
  box-sizing: border-box;
  margin: 1rem;  
  padding: 1rem; 
  background: #ddd;  
  font-size: 2rem;
}
.box_universal .box_emphased,
.box_universal .mb_simplebox,
.box_universal .box_emphased.half {
  max-width: 45%;
  width: 40%;
   > div {}

}
.box_emphased.half h3 {
  width: 100%!important;
  background: #666;
}
.box_emphased.half h3 a,
.box_emphased.half h3 a cite {
  color: #eee!important;
}
.box_emphased.half h3 cite {
  text-decoration: underline;
}



.mb_purchaselink_3 {
  margin: .3rem auto;
  border: 3px solid #46a;
  background: rgba(58, 68, 102, 0.31);
  box-shadow: 4px 4px 3px 0px rgba(50, 50, 50, 0.75);
}
.mb_purchaselink_3 h4 {
  margin: .1rem auto!important;
}
.mb_purchaselink_3 strong {
  font: normal 700 1.5rem 'Exo 2';
}


.mb_box1 {
  border: 3px solid #003399;
  background: #ddd;
  padding: 1rem;
}
.mb_box1 h2 {
  font: italic 700 2rem 'Exo 2', sans-serif;
  color: #555;
}
.mb_box2 {
  width: 95%;
  margin: 1rem auto;
  border: 3px solid rgba(0, 51, 153, 0.4);
  border-radius: 5px;
  background: #ddd;
  padding: 1rem;
  margin: .3rem;
}
.mb_box2 h3 {
  width: 90%;
/*  font: italic 700 2rem 'Open Sans', sans-serif;*/
}
.mb_box2 h2 {
  font: italic 700 2rem 'Open Sans', sans-serif;
}
.mb_box2 > div {
  margin: 1rem;
  padding: 1rem!important;
}
.mb_box2 element.style {
  width: 7rem;
  height: 12rem;
}
.mb_box2 > img {
  max-width: 8rem;
  width: 8rem;
  min-width: 8rem;
  max-height: 12rem;
}


.mb_box3 {
  border: 2px solid #888;
  border-radius: 8px;
  padding: .3rem;
  margin: .3rem 0;
  background: white;
}

/* Wholesale events 2024/5 */
.mb_box4 {
  border: 5px solid #888;
  border-radius: 6px;
  padding: 0;
  margin: 0 .3rem 3rem;
  background: white;
  .un_flex > div:nth-of-type(odd) {
    background: #ddd; font-size: .8rem; width: 25%;
  }
  > h3 {
    background: #888!important;
    border-radius: 2px 2px 0 0 ;
    color: greenyellow;
    padding: .5rem 0;
    max-width: 100%;
    font-size: 3rem;
    font-weight: 700;
  }
  h5 {
    background: #888;
    color: white;
    border-radius: 5px;
    padding: .3rem;
    font-weight: 800;
    text-align: center;
  }
  a, button {
    margin: .4rem;
  }
}


.box_control {
  h3 {
    font-family: "Exo 2";
    padding: .8rem;
    font-weight: 700;
    background:#444; 
    color: white;

  }
  h4 {
    font-family: "Exo 2";
    font-size: 1.4rem;
    text-align: left;
    font-weight: 500;
    background:#555; 
    color: white;
    padding: .6rem .9rem;
    a {
      color: white;
      font-weight: 700;
    }
    span {
        font-weight: 800;
        background: #777;
    }
  }
  h5  {
    width: 100%;
    font-size: 1.3rem;
    color: #444;
    background: white;
  }



  .statusbox {
    background: white;
      font-size: 1.2rem;
  }
  .mb_box1 {
    border: 2px solid #999;
    border-radius: 8px;
    margin: .2rem 0;
  }


  
  button {
    border-radius: 8px;
    border: 2px solid #999;
    background: #999!important;
    padding: .2rem .5rem ;
    margin: .2rem;
    color: white;
  }

}



[rel="idnumber"] {
    background: #fff;
    padding: 0.2rem;
    border: 1px solid #ddd;
    border-radius: 10px;
}

[rel="idnumber2"] {
    background: red;
    padding: .2rem .5rem;
    border-radius: 3px;
    color: #fff;
}



.mb_box_sample {
    width: 20rem;
    min-width: 20rem;
    max-width: 30rem!important;
    border: 1px solid #333;
    border-bottom: 5px solid dodgerblue;
    background: #f0f0f0;
    border-radius: 3px;
    margin: .6rem;
    padding: 0!important;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;


    h4 {
      font-weight: 500;
      font-family: "Exo 2";
      font-size: 1.4rem;
    }
    h5 {
      text-align: left;
    }
    h5 span {
      display: block;
      font-size: 75%;
      color: #999;
    }
    h5:has(cite) {
      font-size: 70%;
      font-weight: 100;
      cite {
        font-size: 150%!important;
        font-weight: 500!important;
      }
    }
    > div {
      margin: 0!important;
      padding: .3rem;
      text-wrap: balance;
      text-align: left;
    }
    > div:nth-of-type(2) {
          width: 25%;
          max-width: 10rem;
          background: #2a6fc31f;
          text-align: center;
          align-content: center;
    }
    p, div {
    }    
    a {
      font-weight: 500;
         /*   margin-left: 5px;*/
         /*   display: inline-block;*/
    }
    p {
          font-size: .9rem;
          color: #888;
          margin-bottom: 0!important;
          span {
          display: inline-block;
          }
          cite {

            font-weight: 700;
            color: #559;
          }

    }
    cite {
      display: block;
    }
   .meta {
        font-size: .8rem;
        padding: 0!important;
        padding-left: .5rem!important;
        color: #666;
   } 
   .open {
    margin: auto;
   }
   nav {
      background: transparent;!important;
     a {
      background: floralwhite;
      margin: .1rem auto;
      width: 100%;
      text-align: left;
      padding: .2rem;
      font-size: .7rem;
     }
      a + a:before {
        content: none;
      }
   }
}
.mb_box_sample:hover {
  background: whitesmoke!important;
}

.mb_box_sample.large {
  max-width: 90%!important;
  width: 90%!important;
  margin: .3rem auto!important;
  nav > a {
    font-size: 150%;
  }
  h5 {
    font-size: 1.3rem;
  }
  cite, span {
    display: inline;
  }
}

.mb_box_sample.empty {
  border: 2px solid red;
  min-height: 5rem;
}

.mb_box_sample_2 {
    width: 18rem;
    min-width: 20rem;
    max-width: 30rem!important;
    height: 10rem;
    border: 4px solid #ddd;
    background: #f0f0f0;
    border-radius: 8px;
    margin: .3rem;
    padding: 0!important;
    h4 {
      font-weight: 500;
      font-family: "Exo 2";
      font-size: 1.4rem;
    }
    h5 {
      text-align: left;
    }
    h5 span {
      display: block;
      font-size: 75%;
      color: #999;
    }
    > div {
      margin: 0!important;
      padding: .3rem;
    }
    > div:nth-of-type(2) {
          width: 30%;
          max-width: 10rem;
          background: #2a6fc31f;
          text-align: center;
          align-content: center;
    }
    a {
      font-weight: 500;
         /*   margin-left: 5px;*/
         /*   display: inline-block;*/
    }
    p {
          font-size: .9rem;
          color: #888;
          margin-bottom: 0!important;
          span {
          display: inline-block;
          }
          cite {

            font-weight: 700;
            color: #559;
          }
    }
   .meta {
        font-size: .8rem;
        padding: 0!important;
        padding-left: .5rem!important;
        color: #666;
   } 
   .open {
          text-align: center;
          align-content: center;
/*    margin: 50% auto;*/
   }
  }



section {
  margin: 2rem auto;
  padding: 1rem;
}
section:nth-of-type(odd) {
  background: rgba(185, 185, 185, 0.2);
}
section:last-of-type {
  margin-bottom: 8rem;
}
section > h2 {
  background: #444!important;
  color: white!important;
  width: 100%;
  max-width: 100%;
  padding: 3rem 0;
  margin: 2rem auto;
}

h3.title {
  color: #333 ;
  font-weight: 800;
  font-family: "Exo 2";
  font-size: 1.5rem;
}


.section_universal > [class^="mb_box"], .section_universal > [class^="ws_box"]  {
  max-width: 45%;
  width: 45%;
}

.mb_box_sample_3 {
  margin: 1rem;
  background: white;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
  color: #666!important;
  > div:nth-of-type(2) {
    width: 70%;
    min-width: 70%;
  }
  h3 {
    font-family: "Open Sans", "Nunito";
      font-weight: 700;
      color: #222;
  }
  a:has(i) {
    width: 100%;
    max-width: 100%!important;
    text-align: center;
    scale: .6;
    display: block;
  }
  .outstander_item {
    margin: 1rem;
    width: 14rem!important;
    max-width: 14rem!important;
    min-width: 14rem!important;
/*    max-width: 70%;*/
/*    max-width: 70%;*/
    text-align: center;
  }
}


.mb_box_sample_4 {
  text-align: center; width: 100%; 
  div:has(>img) {
    width: 30%!important;
    min-width: 30%!important;
    max-width: 30%!important;
  }
}
.box_universal:has(> .mb_box_sample_4) {
  .mb_box_sample_4:nth-of-type(odd) {
    background: #ddd;
  }
}

h3 cite {
  font-family: "Open Sans", "Nunito";
/*  font-family: "Sigmar One";*/
  font-weight: 700;

}
  .mb_box_sample.sample_audio {
        border: 4px solid #5a5;
        background: #f0faf0;
  }

  .mb_box_sample.sample_ebook {
        border: 4px solid #ccc;
        background: #f0f0fa;
  }
  .mb_box_sample.sample_pdf {
    border: 2px solid #666;
    background: #eeeeee;
}
  .mb_box_sample.sample_footnotes {
    border: 4px solid slateblue;
    background: #eaf0f0;

}
  .mb_box_sample.sample_footnotes2 {
    border: 4px solid rgb(106, 90, 205,.5);
    background: #faf0f0;

}

.counter_circle {
  border: 4px solid slateblue;
  border-radius: 50%;    
  padding: .5rem 1rem;
    font-size: 2rem;
    width: 4rem!important;
    height: 4rem!important;
    color: slateblue;
    text-decoration: none;
    margin: 50% auto;
    margin-top: 3rem;
    align-self: center;
/*    padding-top: 2rem;*/
  a {
    margin:1.5rem!important;
    padding-top: 0;
  }
}
.counter_circle2 {
border-radius: 50%;
behavior: url(PIE.htc);
/* remove if you don't care about IE8 */
width: 36px;
height: 36px;
padding: 8px;
background: #fff;
border: 2px solid #666;
color: #666;
text-align: center;
font: 32px Arial, sans-serif;}


.counter_var1 {
  display: inline-block;
border-radius: 10%;
align-content: center;
width: 3rem;
height: 3rem;
padding: .2rem;
background: #555;
border: 2px solid #666;
color: #ccc;
font-weight: 700;
text-decoration: none;
text-align: center;
font: 1.4rem 800 "Open Sans", sans-serif;
}
.counter_var1:hover {
  color: white;
}


.mb_box_sample .open {
  font-size: 2rem;
  margin: .5rem auto;
}


.ws_notice + .ws_notice {
    margin-top: 2rem;
  }
section > .ws_notice, body > .ws_notice {
  background: white!important;
  margin: 1rem auto!important;
  h4 {
    font-weight: 600;
    font-size: 120%;
    padding: 1rem;
  }
}
.box_universal > .ws_notice {
  font-size: 80%!important;
  background: white!important;
  margin-top: 1rem!important;
  margin: 1rem!important;
}

.mb_presenter_2 {
  background: #555;
  border-radius: 10px;
  color: white;
  border: 2px solid red;
  display: block;
  padding: 0;
  > span {
    display: block;
    margin: 0!important;
    overflow: hidden;
    border-radius: inherit;
    border-radius: 10px 10px 0 0;
    padding: .4rem;
  }
  > span:nth-of-type(1) {
    background: #444;
    padding: .5rem;
  }
  > * {
    margin: 1rem!important;
  }
  background: #222;
  strong {

  }

}
.mb_presenter_2:hover {
  color: white!important;
/*  font-weight: 700;*/
}


:has(> .mb_box_sample_summary) {
  background: #444;
  padding: .5rem;
  margin-top: 0;
  margin-bottom: 2rem;
  border-radius: 0 0 8px 8px;
  .mb_box_sample_summary {
    min-width: 10rem;
    max-width: 30rem;
    font: normal 700 1rem "Ubuntu Condensed", sans-serif;
    align-content: center;
    margin: .5rem;
    padding: 0;
    background: #999;
    color: white;
    > div {
        align-content: center;
        text-align: center;
        box-sizing: border-box;
    }
    > div:first-of-type {
        background: dodgerblue;
        padding: .3rem!important;
    }

    .counter_var1 {
      display: inline-block;
      align-content: center;
      scale: .8;
/*      background: red!important;*/
      max-height: 1.3rem!important;
      min-height: 3rem!important;
      min-width: 2.6rem!important;
      width: 2rem;
      opacity: .8;
      padding: .3rem!important;
      font: normal 800 1.1rem "Open Sans", "Exo 2", sans-serif;
    }

  }
}
.mb_box_sample_summary {
    > div:last-of-type {
      background: greenyellow;
      max-width: 5rem;
      text-align: center;
      padding: .1rem!important;
      strong {
        color: #444;
        font-weight: 800;
        font-size: 80%;
      }
    }
    > div:last-of-type:has(> svg) {
      background: orangered!important;
    }
}

h2:has(+ .un_flex_wrap) {
/*  background: dodgerblue!important;*/
  margin-bottom: 0!important;
}

.box_notices {
  > div {
    max-width: 45%;
    width: 45%;
    min-height: 6rem;
/*    height: 8rem;*/
    margin: 1rem!important;
    margin-top: 1rem!important;
  }
  .ws_notice + .ws_notice {
    margin-top: 1rem!important;
  }
}



  body > .ws_notice, .ws_notice {
    width: 95%;
    margin: .5rem auto;
  }

  .ws_notice {
    margin: 3rem auto; 
    width: 70%;
    padding:.4rem;
    font-size: 0.8rem;
    border-left:3px solid rgba(60, 100, 230, 50%) ;
    background: #eee!important;
    color: black;
    text-align: left;
    strong, h4 {
      text-align: left;
      font-weight: 800;
      font-family: "Exo 2";
    }

  }

.ws_notice_micro {
  max-width: 100%;
  width: 90%;
  margin: .4rem auto!important;
  padding: .5rem;
  border-radius: 8px;
  border: 4px solid #555;
  background: white;
  color: #333;
  font-size: 1rem;
  > a {
    font-weight: 800;
  }
  span {
    word-break: break-all;
    padding: .3rem;
    background: #666;
    color: white;
    display: inline-block;
  }
  strong {
    color: #555;
    font-weight: 800;
  }
}

.ws_notice_micro.warning {

  border: 4px solid indianred;

  strong {
    color: indianred;

  }
}
.ws_notice_micro.info {

  border: 4px solid dodgerblue;

  strong {
    color: dodgerblue;

  }
}


.ws_notice_micro.success {

  border: 4px solid dodgerblue;

  strong {
    color: springgreen;

  }
}


.mb_content_presenter_2 {
    background: #eaeaea;
    width: 90%;
    margin: 1rem auto;
    h3 {
        color: #777;
        text-align: center;
        font-size: 1.6rem;
        max-width: 100%;
    }
    .ws_notice {
      width: 95%;
      margin: .5rem auto;
    }
}


  .ws_box_cartcontent > .ws_notice {
    width: 90%;
  }
  body > .ws_notice {
    width: 50%;
  }
  .ws_notice.info {

    font-size: 1.2rem;
    border-left: 4px solid rgba(60, 100, 230, 50%) ;
  }
  .ws_notice.warning {

    font-size: 1.2rem;
    border-left:4px solid red ;
  }
  .ws_toolworking {
    background: rgba(60, 100, 230, 50%)!important;
/*    animation: animate-3 5s ease-out infinite;*/
  }

    .ws_box_cartcontent {
        ul {
          padding: 0;
        }
        ul li {
          /*    text-decoration: none;*/
          list-style-type: none;
          margin: .5rem 1rem;
          text-align: center;
          a {
            font-size: 1.2rem;
          }
      }
    }

.ws_box_cartcontent {
    border: 3px solid #333;
    border-radius: 12px;
    h3 {
      background: #333;
      border-radius: 12px 12 px 0 0 ;
    }
}

.ws_box_cartcontent:hover {

    background: white!important;

}




.mb_box_purchaselink {
  width: 32rem;
  min-width: 20rem;
  max-width: 50rem!important;
  border: 4px solid #ddd;
  background: #f0f0f0;
  border-radius: 8px;
  margin: 1rem;
  padding: 0!important;
  box-sizing: border-box;
  > div {
    margin: 0!important;
    padding: .3rem;
  }
  > div:nth-of-type(2) {
  /*        max-width: 10rem;*/
    background: #2a6fc31f;
    text-align: center;
  }
  .icon {
    width: 2.5rem;
    max-width: 2.5rem;
    height: 2.5rem;
    padding: 0!important;
    margin: .5rem;
    /*    background: red;*/
    /*    border: 2px solid blue;*/
  }
}


.mb_box_purchaselink .icon > svg {
  width: 1.5rem;
  height: 1.5rem;
  margin: .5rem;
  color: #777;
}
.mb_box_purchaselink h3 i {
  font-size: 2rem;
}
.mb_box_purchaselink a {
  font-weight: 500;
  /*        margin-left: 5px;*/
  /*        display: inline-block;*/
}
.mb_box_purchaselink p {
  font-size: .9rem;
  margin-bottom: 0!important;
}
.mb_box_purchaselink p span {
  display: inline-block;
}
.mb_box_purchaselink p cite {
  font-weight: 700;
  color: #559;
}
.mb_box_purchaselink .meta {
  font-size: .8rem;
  padding: 0!important;
  padding-left: .5rem!important;
  color: #666;
}

.pl_gallery .mb_box_purchaselink {
  max-width: 45%!important;
  background: white;
}

.mb_method {
  border: 3px solid #333;
  ul li, ol li {
    margin-top: .7rem!important;
    line-height: 120%!important;
  }
  ul li:has('a'), ol li:has('a') {
    line-height: 150%!important;

  }
  cite {
    color: dodgerblue;
  }
}

  .ws_plate, .ws_item_cart_1 > div > div {
    background: white;
    padding: .5rem;
    margin: .5rem;
    a, button {
/*      background: blue;*/
    }
  }



.ws_item {
  width: 90%!important;
  border: 4px solid #777;
  margin: 1rem auto!important;
  background: #555;
  .mb_box2 {
    > div {
      background: white;
      color: #555;
      margin: .2rem auto;
      font-size: .9rem;
      padding: .2rem!important;
    }
    .un_flex {
        padding: .1rem;
        margin: .1rem;
        > * {
            padding: .1rem;

        }
    }
    ul {
        margin: .1rem!important;
        li {
/*          color: red;*/
        }
    }
  }
}

.ws_item_2 {
    box-sizing: border-box;
    font-size: .9rem; padding: .2rem; margin: .5rem; background: #555; color: white;
    >div:first-of-type {
      background: #222;
      width: 8rem;
      max-width: 8rem;
      > * {
        box-sizing: border-box;
        width: 100%;
        min-width: 100%;
        max-width: 100%;
        margin: 0;
        display: block;
        text-align: center;
      }
    }
    [rel="product"] {
      display: inline-block!important;
      max-width: 100%!important;
      width: 100%!important;
      text-overflow: ellipsis;
      padding:.1rem .2rem!important;
      display: block;
      img {
        height: 1.5rem;
        width: auto;
        display: inline-block;
        margin: 0;
      }
      a {
        font-weight: 700;
        align-content: center;
        color: #444;
        background: white;
        span {
          color: #238;
        }
      }
    }
}
.ws_item_2:has([rel="test"]) {
  background: #005c8e;
  border-left: 5px solid yellow;
}

  .ws_item_cart_1 {
    display: block;
    margin: 1rem auto; 
    border-radius: 2px;
/*    border: 2px solid red!important;*/
    background: white;
      box-shadow: 3px 3px 3px 0px rgba(50, 50, 50, 0.45);

    h5 {
      font-weight: 700;
      font-family: "Exo 2";
    }
    > div:nth-of-type(1) {
      max-width: 30%;
    }
  }

  .ws_plate, .ws_item_cart_1 > div > div {
    background: white;
    padding: .5rem;
    margin: .5rem;
    a, button {
/*      background: blue;*/
    }
  }


.ws_box_cartcontent > .ws_item_cart_1 {
  margin: 1rem!important;
}

  .ws_item_cart_1 {
    display: block;
    margin: 1rem auto; 
    border-radius: 2px;
/*    border: 2px solid red!important;*/
/*    background: red;*/
/*    box-shadow: 3px 3px 3px 0px rgba(50, 50, 50, 0.45);*/
      box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, 
    rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, 
    rgba(0, 0, 0, 0.2) 0px -3px 0px inset;

    h5 {
      font-weight: 700;
      font-family: "Exo 2";
    }
    > div:nth-of-type(1) {
      max-width: 30%;
    }
  }
.address_styling {
  margin: 1rem;
  font-weight: 300;
  background: whitesmoke;
  color: #666;

  strong  {
  font-weight: 600;
  color: red;
  }
  .parcellockercode {
    font-weight: 800;
    letter-spacing: 2px;
    font-size: 150%;
  }
}



.un_flex > div {
  padding: 1rem;
}
.segment_universal {
  width: 100%;
  margin: 0;
  padding: 0;
  background: #f5f5f5;
  background-color: #f5f5f5;
}

.segment_universal:has(.mb_simplebox) {
  padding: 2rem;
}
.segment_universal .mb_simplebox {
  width: 40%;
  max-width: 45%;
  margin: 1rem;


}




/* Pola formularzy nice   */
    input[type="text"].augmented, textarea.augmented {
        background-color: #def!important;
        padding: .5rem;
        font-size:1.2rem;
        font-weight: 600;
        margin: .5rem auto;
        display: block;
        border-radius: 5px;
        max-width: 100%;
        width: 90%;
        box-sizing: border-box;
      }
    input[type="text"].augmented:focus, textarea.augmented:focus {
        background-color: #fff!important;
      }
.thumb3d {
  width: 5rem;
  height: 8rem;
}

.mb_bookstore_deals div:nth-of-type(2) {
  min-width: 50%;
}



.box_universal {
  width: 70%;
  padding: 1rem;
  background: #eee;
  margin: 1rem auto;
  font-size: 2rem;
}

.box_universal ul li, [rel="instrukcje"] ul li {
  margin-top: 1rem;
  line-height: 1.6;

    word-break: word;

  strong {
    color: white;
    background: #237fdc;
    padding: .2rem .4rem;
    border-radius: 5px;
    display: inline-block;
  }
}

.box_universal {
  /*border: 4px solid #569;*/
  border-radius: 5px;
  padding: 2rem;
  width: 90%;
  margin: 1rem auto!important;
  background: #ededed;
  > div {

    word-break: break-word;
  }
}
.box_universal h2,
.box_universal h3 {
  text-align: center;
  font-size: 2.3rem;
}
.box_universal h3 {
  width: 100%;
  background: #222;
  color: #eee;
  font-size: 1.2rem!important;
}
.box_universal h3 a {
  color: #57f;
}
.box_universal h4 {
  font-size: 1.5rem;
}
.box_universal p,
.box_universal li {
  font-size: 1.1rem;
}


.box_universal .mb_purchaselink_3 {
  width: 45%;
  max-width: 45%;
}






/* BOXES */

.box_promo {
/*  min-width: 30%;*/
  width: 40%!important;
  h3 {
    font-size: 2rem!important;
  }
}



.mb_simplebox {
  margin: 1rem;
  background: #ccc;
  border: 2px solid rgba(102, 102, 102, 0.51);
  border-radius: 4px;
  width: 40%;
  max-width: 36rem!important;
  min-width: 20rem;
}
.mb_simplebox > div:first-of-type {
  /*background: red;*/
  display: contents;
  text-align: center;
  width: 8rem;
  max-width: 8rem;
  min-width: 8rem;
/*  max-width: 25%; min-width: 12rem; text-align: center;*/
  padding: 0;
}
.mb_simplebox > div:first-of-type img {
  max-width: 100%!important;

  width: 7rem!important;
  height: 10rem!important;
  max-height: 10rem;
  margin: 0.1rem auto;
}
.mb_simplebox .message {
  font-family: "Ubuntu Condensed";
  max-width: 100%;
  color: white;
  text-align: center;
}
.mb_simplebox > div:last-of-type {
  padding: : .2rem;
}
.mb_simplebox h2 {
  color: #555;
  font: 700 1rem "Exo 2", arial, sans-serif;
}
.mb_simplebox h3 {
  text-indent: 0;
  text-align: center;
  font: 700 1.2rem "Exo 2", arial, sans-serif;
  color: #0066cc;
}
.mb_simplebox h3 span {
  font-size: 80%;
  color: #3880ea;
  display: block;
}
.mb_simplebox p {
  font: 400 1rem "Exo 2", arial, sans-serif;
  color: #555;
  text-align: justify;
  text-indent: 0;
  padding: .3rem;
  margin-bottom: 0.3rem!important;
}
.mb_simplebox p a {
  padding: .1rem;
  margin: .2rem auto;
}
.mb_simplebox p:last-of-type {
  margin-bottom: 0;
}
.mb_simplebox .links {
  width: 100%;
  display: block;
  text-align: center;
  margin-bottom: 0;
}

.mb_simplebox .links a {
  text-align: center;
  padding: .1rem;
  margin: .1rem auto;
  color: white!important;
  padding: .5rem 1rem; 
  font-size: 1rem; 
  margin-top: 1rem!important; 
  border: 2px solid dodgerblue; 
  display: inline-block; 
}

  .mb_simplebox {
    background: white!important;
    background-color: white!important;
    box-shadow:  1px 1px 10px 0px rgba(0, 0, 0, 0.259), 1px 1px 6px 0px rgba(30, 30, 0, 0.259);
  }

.mb_simplebox {
  margin: 1rem;
  background: #ccc;
  border: 2px solid rgba(102, 102, 102, 0.51);
  border-radius: 4px;
  width: 40%;
  max-width: 36rem!important;
  min-width: 20rem;
}
.mb_simplebox > div:first-of-type {
  /*background: red;*/
  display: contents;
  width: 8rem;
  max-width: 8rem;
  min-width: 8rem;
/*  max-width: 25%; min-width: 12rem; text-align: center;*/
  padding: 0;
}
.mb_simplebox > div:first-of-type img {
  max-width: 100%!important;

  width: 5rem!important;
  height: 7rem!important;
  max-height: 7rem;
  margin: 0.1rem auto;
}
.mb_simplebox .message {
  font-family: "Ubuntu Condensed";
  max-width: 100%;
  color: white;
  text-align: center;
}
.mb_simplebox > div:last-of-type {
  padding: : .2rem;
}
.mb_simplebox h2 {
  color: #555;
  font: 700 1rem "Exo 2", arial, sans-serif;
}
.mb_simplebox h3 {
  text-indent: 0;
  text-align: center;
  font: 700 1.2rem "Exo 2", arial, sans-serif;
  color: #0066cc;
}
.mb_simplebox h3 span {
  font-size: 80%;
  color: #3880ea;
  display: block;
}
.mb_simplebox p {
  font: 400 1rem "Exo 2", arial, sans-serif;
  color: #555;
  text-align: justify;
  text-indent: 0;
  padding: .3rem;
  margin-bottom: 0.3rem!important;
}
.mb_simplebox p a {
  padding: .1rem;
  margin: .2rem auto;
}
.mb_simplebox p:last-of-type {
  margin-bottom: 0;
}
.mb_simplebox .links {
  box-sizing: border-box;
  text-indent: 0;
  width: 100%;
  display: block;
  text-align: center;
  margin-bottom: 0;
}
.mb_simplebox .links a {
/*  text-align: center;*/
  padding: .1rem;
  margin: .1rem auto!important;
  color: white!important;
}

.mb_simplebox.mb_mbset > div:nth-of-type(1){

/*max-width: 20%!important; */
width: 10rem; 
min-width: 10rem; 
max-width: 15rem; 
text-align: center;
/*background: red;*/
}


.mb_mbset {
    [rel="price"] {
/*      background: dodgerblue;*/
      text-align: center;

    }
       .conjoin[rel="price"] {
      background: dodgerblue;
      margin-bottom: 0;
      border-radius: 8px 8px 0 0;
    }
    
    [rel="price"] + .mediumtype {
      background: #555;
      color: #efefef;
      font-weight: 200;
      text-align: center;
      margin-top: 0;
      padding: .3rem;
      border-radius: 0 0 8px 8px ;
    }
}

.mb_set_gallery {
  background: #666;
}
.mb_set_gallery > div {
  width: 20rem;
  margin: .5rem;
  border: 2px solid red;
  background: rgba(255, 255, 255, 0.9);
}
.mb_set_gallery > div img {
  width: 6rem;
}
/* NAVS */

nav {
  margin: .5rem auto;
  padding: .3rem;
  background: #fefefe;
  width: 90%;
  color: rgba(133, 130, 125, 0.3);
}
nav a {
  font-weight: 700;
  display: inline-block;
}
body > nav a:nth-of-type(odd) {
  color: rgba(113, 170, 255, 0.6);
}
body > nav a:nth-of-type(even) {
  color: rgba(133, 130, 125, 0.6);
}
nav:hover {
/*  background: #dfdfdf;*/
}
nav:hover a:nth-of-type(odd) {
  color: rgba(80, 150, 255, 0.9);
}
nav:hover a:nth-of-type(even) {
  color: rgba(133, 130, 125, 0.9);
}
nav.mb_bookmenu {
  width: 90%!important;
  margin: .1rem auto;
  background: rgba(185, 185, 185, 0.2);
  color: #555;
}
nav.mb_bookmenu a {
  margin: .3rem .2rem!important;
  display: inline-block;
}

nav.mb_hspnav {
  padding: .3rem;
  background: #555; color: #fff; text-align: center;
  a {
    color: white;
    margin: .1rem .2rem;
  }
  a:hover {
    color: 0d6efd;
    margin: .1rem .2rem;
    text-decoration: underline;
  }
}
nav.dark {
  margin: 1rem auto 0;
  background: #333;
  a, i {
    color: rgba(255, 255, 133, 1);
  }
}


audio::-webkit-media-controls-panel {
  background-color: #555;
}

audio::-webkit-media-controls-volume-slider {
  background-color: #B1D4E0;
  border-radius: 25px;
  padding-left: 8px;
  padding-right: 8px;
}

audio::-webkit-media-controls-current-time-display {
  color: #fff;
  font-weight: 500;
}
audio::-webkit-media-controls-time-remaining-display {
  color: dodgerblue;
  font-weight: 500;
}

audio::-webkit-media-controls-play-button {
  background-color: #999;
  border-radius: 50%;
}

audio::-webkit-media-controls-play-button:hover {
  background-color: rgba(247,247,247, .7);
}

audio {
  background: #555;
  margin: .5rem;
  border-radius: 24px!important;
/*  border: 2px solid #333;*/
}


audio:hover, audio:focus, audio:active
{
-webkit-box-shadow: 10px 10px 15px rgba(0,0, 0, 0.4);
-moz-box-shadow: 10px 10px 15px rgba(0,0, 0, 0.4);
box-shadow: 10px 10px 15px rgba(0,0, 0, 0.4);
-webkit-transform: scale(1.05);
-moz-transform: scale(1.05);
transform: scale(1.05);
}


audio
{
-webkit-transition:all 0.3s linear;
-moz-transition:all 0.3s linear;
-o-transition:all 0.3s linear;
transition:all 0.3s linear;
-moz-box-shadow: 2px 2px 4px 0px dodgerblue;
-webkit-box-shadow:  2px 2px 4px 0px dodgerblue;
box-shadow: 2px 2px 4px 0px dodgerblue;
-moz-border-radius:7px 7px 7px 7px ;
-webkit-border-radius:7px 7px 7px 7px ;
border-radius:7px 7px 7px 7px ;
}


.mb_box_podcast, .box_general1 {
  padding: 0!important;
  border-radius: 5px;
  border: 3px solid #888;
  background: #fefefe;
  margin: 2rem;
  box-sizing: border-box;
  width: 100%;

  h3, .title {
    box-sizing: border-box;
    background: #444!important;
    color: #eee!important;
    text-align: left!important;
    margin-bottom: 0;
    margin-top: 0;
    word-break: break-word;
    width: 100%;
    max-width:100%;
    cite {
      text-decoration: none;
      color: white;
      font-weight: 800;
      font-size: 1.8rem;
      font-family: "Rowdies", sans-serif;
    }
    span {
      display: block;
      font-size: 70%;
    }
  }
  .subtitle {
    background: #555;
    color: white;
    margin: 0 auto;
    padding: .5rem;
  }
  h3, h3 > * {
    padding: .5rem;
    font-weight: 600!important;
    font-size: 1.4rem;
    font-family: "Exo 2";
    letter-spacing: 1px;
  }
  h5 {
    color: #aa9;
  }
  strong{
    height: 1.5rem; 
  }
  strong.title {
    font-family: "Open Sans";
    height: auto; 
    font-size: 2rem;
    line-height: 1.4;
    font-weight: 700;
    font-style: italic;
    background: none!important;
  }
  strong.subtitle {
    height: auto; 
    font-size: 1.3rem;
    font-weight: 400;
    background: none;
    font-style: italic;
    display: block;
    margin-bottom: 1rem!important;
  }
     h4 a {
      font-weight: 700;
      font-family: "Exo 2";
      font-size: 1.5rem;
    }
     h3 {
      background: #aaa;
      padding: .8rem;
      text-align: center;
      font-size: 1.4rem;
       span {
        color: #777!important;
        font-size: .8rem;
      }
      cite {
        font-size: 1.2rem;
        font-family: "Open Sans", sans-serif;
        display: block;
      }
    }
    figure {
      text-align: center;
    }
    [rel="content"] {
      font-size: 1rem!important;
/*      color: red;*/
    }     
    p:first-of-type {
      padding: 1rem 1rem 0;
    }
    p {
      padding-left: 1rem;
      padding-right: 5rem;
      word-break: break-word;
    }
.subbox {
          width: 90%;
          margin: 0rem auto;
          border: 2px solid #ddd;
        /*  background: rgba(255, 255, 255, 0.5);*/
          background: #eee;
          padding: 0;
          h5, p {
            margin: .2rem 2rem;
          }
          p:last-of-type {
            margin-bottom: 1.2rem;
          }
          h4 {
            font-size: 1rem;
        /*    background: #555;*/
        /*    color: white;*/
          }
    }

}
.mb_box_podcast, .box_general1 {
  border-radius: 8px 32px 8px 8px;
  h3, .title {
    border-radius: 5px 26px 0 0;
    color: #bbb;
    strong {
      margin-top: .3rem;
      color: white;
      font-size: 2.8rem;
      display: inline-block;
      padding: 0 .1rem .3rem;
    }
    .subtitle {
      font-size: 70%!important;
      margin: .1rem!important;
      padding: 0 .1rem;
    }

  }
}
 
.mb_box_podcast_micro, .mb_box_item {
    background: white;
    h4 {
        text-align: center!important;
        font-weight: 900;
        font-family: "Open Sans", sans-serif;
        font-style: italic;
        font-size: 1.3rem;
        strong {
            color: dodgerblue;
            font-family:    ;
        }
    }
    cite strong {
      background: dodgerblue!important;
      color: white;
      padding: .2rem .5rem;
      border-radius: 6px;
    }
  a {
      text-decoration: none;  
      display: inline-block;
  }
  a:hover {
      text-decoration: none;
      color: steelblue;

  }
  .un_flex {
      box-sizing: border-box;
      max-width: 95%;
      text-align: center;
      /*    background: dodgerblue;*/
      a {
          position: relative;
          margin: .4rem;
          display: block!important;
          max-width: 90%;
          width: 90%;
          /*      border: 2px solid red;*/
      }
    }
}

.mb_box_bar_1 {
  margin: .5rem auto;
  border: 2px solid dodgerblue;
  box-sizing: border-box;
  width: 95%;
  min-width: 90%;
  border-radius: 8px;
  background: #eee;
  position: relative;
  h4 {
/*  border: 2px solid dodgerblue;*/
    position: relative;
    padding: .2rem;
    margin: 0;
    align-content: center;
    height: 3rem;
    background: #555;
    color: white;
    font-weight: 800;
    font-family: "Exo 2";
    > * {
      padding: .5rem;
      margin: .2rem;
      box-sizing: border-box!important;
      display: inline-block;

    }
    > cite {
        letter-spacing: 1px;

    }
    > strong {
        letter-spacing: 4px;
      border-radius: 5px;
      background: #b62727;
    }
    a {
      align-content: center;
      float: right;
    }
  }
  > div[rel="resources"] {
    background: #777;
    width: 100%;
    align-content: center;
    justify-content:flex-end;
    > * {
      box-sizing: border-box!important;
      height: 4rem;
      max-height: 4rem;
      min-width: 4rem;
      margin: .3rem;
      display: inline-block;
      align-content: center;
      text-align: center;
    }
    audio {
      height: 3rem;
      margin: .6rem .4rem .4rem;
      min-width: 18rem;
      margin-right: auto;
    }
    img {
      max-height: 3.8rem;
    }
  }
  p {
    margin: 0;
  }
}

  .quiz, .mb_box_subbox {
    max-width: 80%;
    margin: .5rem auto;
    box-sizing: border-box;
    border: 2px solid #eed;
    background: #fcfcfb;
    padding: .5rem;
    border-radius: 8px;
    h5 span {
      display: block;
      font-size: 70%;
    }
  }
   .mb_box_subbox2 {
    max-width: 80%;
    padding: 1rem; 
    border: 3px solid #777; 
    margin: 1rem auto; 
    border-radius: 10px;
  }

  .quiz.white, .mb_box_subbox.white {

    background: #fff;

  }

ul.samplefiles {
  font-size: .8rem;
  li {
    list-style: none;
    margin: .2rem;
    border-radius: 3px;
    padding: .2rem;
    background: white;
    color: #555;
    a {
      display: inline;
      > *  {
      display: inline;

      }
    }
  }
}

.box_podcast_title {
  width: 90%;
  padding: 1rem;
  background: #ddd;
  border-radius: 5px;
  font-weight: 800;
}
.box_podcast_title span {
  display: block;
  font-size: 80%;
  font-weight: 70%;
}
.mb_show h3 {
  color: #333;
  font-weight: 700;
}
.mb_show h3 a {
  font-weight: 700;
  color: #555;
}
.mb_show {
  background: #ddd;
  color: #777;
  border-radius: 5px;
  padding: 1rem;
}




.menu_supporter {
    text-align: center;
  > div {
    color: #999;
    background: #efefef;
    margin: .2rem;
  }
  > div.half {
    /* width 50% on Desktop   */
    min-width: 50%;
  }
  h3 {
    display: block;
  }
  a {
    display: block;
    width: 70%;
    font-size: 1.2rem;
    margin: .2rem auto;
    text-align: center;
/*    border-radius: 8px;*/
    box-shadow:  2px 2px 5px #444,
                -2px -2px 5px #777;
  }
  strong {
    display: inline-block;
    margin: .5rem auto;
/*    font-size: 1.8rem;*/
    font-size: 60%!important;
    font-weight: 700;
  }
  p {
    text-indent: 0;
  }
  > div:hover {
    color: #666;
    background: #f9f9f9;

  }
}


.panel_supporter {
    width: 70%;
    margin: 2rem auto;
    background: #fafafa!important;
    > div {
        width: 45%!important;
        min-width: 45%!important;
        background: white!important;
        margin: 1rem;
    }
    > div:hover {
      box-shadow:  2px 2px 5px #aaa,
                -2px -2px 5px #eee;
    }
    h3 {
      color: #777;
      font-weight: 700;
    }
    p {
      text-indent: 0;
    }
    .outstander_item {
      display: block;
      margin: .1rem auto;
      box-shadow:  2px 2px 5px #444,
                -2px -2px 5px #777;
    }    
    a + a {
      margin-top: .5rem!important;
    }
}

.box_products {
  width: 100%!important;
  background: #eee;
  padding: .5rem;
  margin: .5rem auto;
}
.box_products > div,
.box_product {
  margin: 1rem;
}
.shop_desc > div {
  padding: 0;
}
.shop_desc > div p {
  margin-bottom: 0;
}

.box_show {
  max-width: 45%!important;
  width: 40rem;
  border: 3px solid #ccc;
  border-radius: 15px;
  background: #fefefe;
  h3 {
    padding: .8rem 1.2rem;
    background: black;
    color: white;
    font-weight: 700;
  }
  h4 {
    color: black;
    background: white;
  }
  display: inline-block;
  margin: 1rem!important;
  padding: .5rem;
    p[rel="desc"] {
      font-weight: 400;
      font-size: 1rem;

    }
  }

.cnws_box {
  display: inherit; text-align: center;
  h3 {
    margin: auto;
    text-align: inherit;
    align-content: center;
    vertical-align: middle;
  }

  span {
    display:block; font-size: 70%;font-weight: 300;
  }
  ul {
    text-align: left;    margin-left: 1rem;
    li {
      text-align: left;
    }
  }
  img {
    width:70%;
  }
  button {
    display: inline-block;
    font-size: .8rem;
    font-family: "Ubuntu Condensed", sans-serif;
    border-radius: 4px;
  }
}


.box_quizquestion {
  background: #ccc!important;
  margin: .4rem auto;
  width: 90%;
}
.box_quizquestion.tiny {
  margin: 1rem auto!important;
  width: 70%;
}
.quiz_question {
  width: 80%;
  margin: 2rem auto;
  font-size: 1.5rem;
  background: #eee;
  padding: .5rem;
  border: 2px dotted #777;
}
.box_quizquestion.tiny .quiz_question {
  width: 90%;
  margin: .2rem auto;
  font-size: 1.1rem;
  background: #efefef;
  padding: .2rem;
  border: 2px dashed #544;
}
.box_quiz_desc {
  background: #eee!important;
  margin: .4rem auto;
  width: 70%;
  padding: 1rem;
}
.box_quiz_desc h3 {
  width: 100%;
  background: #aaa;
  font-size: 2rem;
  text-align: center;
}
.box_quiz_desc div {
  padding: .3rem;
  /*background: red;*/
}
.box_quiz_desc div img {
  max-width: 90%!important;
  margin: .3rem auto;
}
.box_special {
  margin: 3rem auto;
  width: 90%;
  border: 5px dotted #999;
  background: #efefef;
}


/* ***************************************** */
/* ***************************************** */
/* readers */
/* ***************************************** */
/* ***************************************** */


.box_control {
  h3 {
    font-family: "Exo 2";
    padding: .8rem;
    font-weight: 700;
    background:#444; 
    color: white;

  }
  h4 {
    font-family: "Exo 2";
    font-size: 1.1rem;
    text-align: left;
    font-weight: 500;
    background:#555; 
    color: white;
    padding: .6rem .9rem;
    a {
      color: white;
      font-weight: 700;
    }
    span {
        font-weight: 800;
        background: #777;
    }
  }
  h5  {
    width: 100%;
    font-size: 1.3rem;
    color: #444;
    background: white;
  }



  .statusbox {
    background: white;
      font-size: 1.2rem;
  }
  .mb_box1 {
    border: 2px solid #999;
    border-radius: 8px;
    margin: .2rem 0;
  }
  button {
    border-radius: 8px;
    border: 2px solid #999;
    background: #999!important;
    padding: .2rem .5rem ;
    margin: .2rem;
    color: white;
  }

}


.plate_mybook_1 {
    display: block;
/*    max-width: 45%;*/
/*    width: 45%;*/
    background: #555;
    color: white;
    margin: .2rem;
    padding: .3rem;
    font: normal 400 1.1rem 'Exo 2'!important;
    > div.cover {
      width: 5rem;
      max-width: 5rem;
      min-width: 5rem;
      padding: 0;
    }
    cite {
        font: normal 600 1.4rem 'Exo 2'!important;
        color: white!important;
        text-align: left;

    }
    [rel="bookfile"] {
      display: inline-block;
      border-left: 3px solid dodgerblue;
      margin: .2rem .5rem .2rem;
      background: #222;
      padding: .2rem .4rem;
      border-radius: 6px;
      text-decoration: none;
    }
    a {
      color: white;
    }
    a.count {
      align-content: center;
      float: right;
      min-width: 4rem;
      background: #999;
      text-align: center;
      font-size: 110%;
      font-weight: 800;
    }
    a.count:hover {
      background: #777;
      text-decoration: none;
    }
    p.meta {
      margin-top: .6rem;
      color: #ddd;
    }
  }
  .plate_mybook_1.un_flex {
    width: 100%;
    max-width: 100%;
  }
  .plate_mybook_1:hover {
    background: #666;

  }



.ff_box_acolyte {
  border-radius: 12px;
  border: 5px solid dodgerblue;
  h3 {
    width: 100%;
    background: #555;
    span {
      display: block;
      font-weight: 400;
    }
  }
  h4 {
    text-align: center;
    background: #555;
    color: #ddd;
  }
  > .box_control:nth-of-type(1){
    width: 40%;
  }
  > .box_control:nth-of-type(2){
    max-width: 60%; min-width: 60%;
  }
}


.ff_box_fulfillment button {
  background: #777!important;
  color: white;
  border-radius: 6px!important;
  margin: .2rem;
}


.ff_box_address {
    padding: 0;
    margin: 0.2rem;
    background: #fafafa !important;
    border: 4px solid #6699cc;
    border-radius: 10px;
    font-family: "Exo 2";
    font-size: 1.1rem;
    font-weight: 600;
    text-align: center!important;
    color: #aa9;
    h5 {
      background: #6699cc;
      color: white;
    }
}


/* ***************************************** */
/* ***************************************** */
/* BUTTONS */
/* ***************************************** */
/* ***************************************** */

<!-- HTML !-->
<button class="button-44" role="button">
  <span class="text">Button 44</span>
</button>

/* CSS */
.mb_btn_44 {
  background: #4162a8!important;
  border-top: 1px solid #38538c;
  border-right: 1px solid #1f2d4d;
  border-bottom: 1px solid #151e33;
  border-left: 1px solid #1f2d4d;
  border-radius: 4px;
  box-shadow: inset 0 1px 10px 1px #5c8bee, 0px 1px 0 #1d2c4d, 0 6px 0px #1f3053, 0 8px 4px 1px #111111;
  color: #fff;
  font: bold 20px "helvetica neue", helvetica, arial, sans-serif;
  line-height: 1;
  padding: 10px 0 12px 0;
  text-align: center;
  text-shadow: 0px -1px 1px #1e2d4d;
  width: 150px;
  -webkit-background-clip: padding-box;
}

.mb_btn_44:hover {
  box-shadow: inset 0 0px 20px 1px #87adff, 0px 1px 0 #1d2c4d, 0 6px 0px #1f3053, 0 8px 4px 1px #111111;
  cursor: pointer;
}

.mb_btn_44:active {
  box-shadow: inset 0 1px 10px 1px #5c8bee, 0 1px 0 #1d2c4d, 0 2px 0 #1f3053, 0 4px 3px 0 #111111;
  transform: translateY(4px);
}

.mb_btn_41 {
  padding: 12px 26px;
  border: 0;
  font-size: 16px;
  transition: all 150ms ease-in-out;

  border-radius: 14px;
  font-weight: 600;

  color: #fff;
  background-color: transparent;
  background-image: radial-gradient(50% 115% at 50% -5%, rgba(255, 255, 255, 0.11) 0%, transparent 100%);
  box-shadow: inset 0 0px 10px 0px rgba(255, 255, 255, 0.14), inset 0px 5px 10px 0px rgba(255, 255, 255, 0.11), inset 0px 2px 5px 0px rgba(255, 255, 255, 0.4), inset 0px 3px 20px 0px rgba(0, 0, 0, 0.25);
}

.mb_btn_41:hover {
  background-color: rgba(255, 255, 255, 0.05);
}

.mb_btn_41:active {
  transform: scale(.95);
}


.lnk_buy {
  background: #765;
  margin: .1rem;
  padding: .05rem!important;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: .05rem;
  text-decoration: none;
  text-transform: uppercase;
  text-align: center;
  text-indent: 0!important;
}


   .lnk_box {
    display: inline-block;
    margin: .2rem auto;
    border-radius: 1px;
    padding: .4rem .9rem;
    font-size: .8rem; 
    text-indent: 0;
    font-weight: 700;
    text-decoration: none!important;
    text-align: center;
    color: #333!important;
    transform: scaleX(0.9);

    background: rgba(125, 125, 125, 0.91);
    box-shadow: inset 1px 1px 20px 0px rgba(0, 0, 0, 0.459), 1px 1px 6px 0px #333300;
  }
  .lnk_box:hover {
    background: rgba(125, 125, 125, 0.71);
      color: #555;

  }


.outstander_item {

  width: max-content !important;  /*  auto width*/
/*  float: left;*/
    display: inline-block;
    font-size: 1rem;
    font-weight: 400; 
    letter-spacing: 0.08rem; 
    padding: .4rem .9rem!important;
    background: #555;
    color: white;
    text-decoration: none!important;
    background: linear-gradient(145deg, #aaa, #cacaca);
    box-shadow: inset 1px 1px 20px 0px rgba(0, 0, 0, 0.859), 
          1px 1px 6px 0px #333300;
/*    box-shadow:  3px 3px 2px #777,*/
             -3px -3px 2px #444;
    span {
      color: white;
      font-size: 1rem;
    }
}

.outstander_item.emph_icon {
  font-family: Sigmar;
  font-weight: 300;
  display: block;
  svg {
        display: block;
        /* width: 100%!important;*/
        height: 2em;
        width: 2em;
        margin: .2rem auto;
      }
}


    .outstander_item:hover {
/*      background: red!important;*/
    }

h1 .outstander_item {
  padding: 1rem 3rem!important;
  display: inline-block;
}

a.outstander_item {
  text-decoration: none;
}
a.outstander_item:hover {
    color: #ffd!important;
    text-decoration: none;
} 

.outstander_item.large {
    font-weight: 800; 
    font-size: 2rem;
    padding: .6rem 1.2rem;
    border-radius: 3px;

}
.outstander_item.medium {
    font-weight: 800; 
/*    border-radius: 24px;*/
    font-size: 2rem;
    padding: .6rem 1rem;
    max-width: 100%;
/*    border-radius: 16px;*/

}
.outstander_item.small {
    margin: .2rem;
    border-radius: 8px;
    font-weight: 500; 
    font-size: .7rem;
    color: #555;
    padding: .2rem .5rem;
    box-shadow:  2px 2px 5px #444,
                -2px -2px 5px #777;
    a {
      color: white;
    }

}
.outstander_item.small:hover {
  color: #222;
}

.outstander_item.tiny {
  scale: .6;
}

.outstander_value_0 {
  background: indianred!important;
  color: white!important;
}
.outstander_value_1 {
  background: dodgerblue!important;
  color: white!important;
    transition: background 0.9s ease-in-out ;
}
.outstander_value_1:hover {
  background:  rgb(20, 114, 225)!important;
  color: #8ad;
}
.outstander_value_3 {
  background: orange!important;
  color: white!important;
    transition: background 0.9s ease-in-out ;
}
.outstander_value_3:hover {
  background:  orangered!important;
  color: #8ad;


}

.outstander_value_ {
/*  animation: colorTransition 1s;*/
/*  background: var(--color-start);*/
  transition: background 0.9s ease-in-out ;
}

.outstander_value_:hover {
  background: #666;
}
/*    @keyframes colorTransition {
        0% {
            background: #ccc;
        }

        100% {
            background: gray;
        }
    }*/

.outstander_value_success {
  background: seagreen;!important;
}

.outstander_value_secondary {
  background: gray;!important;
  color: white!important;
}


.mb_ebookers_ebookslist {
  list-style-type: none;

  li {
    margin: .5rem;
    border-radius: 8px;
    box-shadow:  2px 2px 5px #444,
                -2px -2px 5px #777;
  }
}

.sw_deal {
  border: 2px solid #aaa;
  border-radius: 5px;
  background: white;
  padding: .4rem;
  margin: .4rem;
  text-align: center;
  max-width: 16rem!important;
}
.sw_deal > * {
  padding: .2rem;
  margin: .1rem;
}
.sw_deal p {
  font: normal 700 0.9rem 'Exo 2';
  text-align: cener;
}
.sw_deal form,
.sw_deal form button {
  margin: .2rem;
  padding: .1rem;
}
.sw_deal a,
.sw_deal button {
  min-width: 8rem;
  width: 100%;
  max-width: 100%!important;
  font: normal 700 1rem 'Exo 2';
}
.sw_deal button {
  margin-top: 0!important;
}
.sw_deal .sw_deal a cite {
  color: #ddd!important;
}



.mb_nav_emp1 {

  padding: .2rem .4rem; 
  background: rgb(183, 108, 126)!important; 
  color: white!important;
}

.mb_nav_emp2 {

    padding: .2rem .4rem; 
    background: rgb(21, 132, 228)!important; 
    color: white!important;
}


.mb_nav_emp3 {

    padding: 0; 
    background: rgb(221, 222, 228)!important; 
    color: white!important;
    border-radius: 5px;
    height: auto;
    box-sizing: border-box;
    > a {
      margin: 0;
      padding: .3rem .6rem;
      align-content: center;
      color: white!important;
      background: #444;

    }
    
    a:first-of-type {
/*      background: red;*/
    }
    a:last-of-type {
/*      background: green;*/
    }
}




/* *****************************************  */
/*  FORMULARZE ZAKUPU I SKLEPU .ws_ */
/* *****************************************  */

.ws_title {
    background: #444;
    color: #bbb;
/*    font-family: "Exo 2";*/

    letter-spacing: .8px;
    font-size: 1.4rem;
    text-align: left;
    padding: .2rem 0;
  p {
    margin: .2rem .3rem!important;
  }
  > div:first-of-type {
      width: 35%;
  h1 {
    margin-bottom: .5rem;
    font-family: "Sigmar One";
    font-weight: 400;
/*        shadow: inset 0px -5px 10px 0px rgba(0, 0, 0, 0.5);*/
    i, svg {
      color: dodgerblue;
    }
    background-color: #222;
    color: transparent;
    text-shadow: 2px 2px 3px dodgerblue;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    background-clip: text;
  }
    h2 {

      text-align: center;
      font-size: 2rem;
      letter-spacing:   3px;
      margin: 1rem auto;
      color: white!important;
      a {
        color: #ededed;
        margin-right: 1rem;
      }
      a:hover {
        color: cadetblue;
      }

    }
  }
  > div:nth-of-type(2) {
      width: 45%;
      background: #666;
      font-size: 1rem;
      a {
        margin: .2rem;
      }
  }
  > div:nth-of-type(3) {
      width: 20%;
      background: #444;
      font-size: 1rem;
      text-align: center;
      a {
        margin: .2rem;
      }
      .cart_total {
        width: 80%;
        margin: 1rem auto;
        font-size: 1.5rem;
        text-align: center;
      }
  }
}

.mb_audiochapter {
  background: white;
  border: 3px solid #ddd;
  font-size: 1rem;
  h3 {
    font-size: 120%;
    span {
      font-size: 90%;
      display: block;
    }
  }
  div {
    width: 75%;
  }
  div[rel="link"]  {
    width: 25%;
    text-align: right;
    a {
      width: 90%!important;
    }
  }
}

.ws_btn_filter_2 {
  align-content: center;
  text-align: center;
    display: inline-block;
    margin: .2rem;
    height: 2.9rem;
    padding: .25rem 1rem!important;

    border: 2px solid #999;
    border-radius: 10px;
    box-shadow: inset 1px 1px 10px 0px rgba(0, 0, 0, 0.859), 
      1px 1px 3px 0px #333300;
    text-decoration: none;
    text-align: center;
    font-size: 1.2rem;
    font-family: "Ubuntu Condensed", sans-serif;
    font-weight: 400;
    font-style: normal;
    background: #666;
    color: #ccc;
    > span {
      height: 2.2rem;
      padding: .01rem;
    }    
    .normal {
      text-align: center;
      width: 100%;
    }
    .hover {
      width: 100%;
      padding: .1rem;
      a {
        width: 50%!important;
      }
    }
    .hover > a {
        width: 42%!important;
        min-width: 36%;
        height: 1.7rem;
        max-width: 100%;
        margin: 0 auto .2rem;
        display: inline-block;
        text-align: center;
        font-size: 1.1rem!important;
      }
    .hover a:first-of-type {
        background: #666;
        border-left: 2px solid springgreen;
        i:before, svg path {
          height: 1.2rem;
          color: springgreen;
        }
    }
    .hover a:last-of-type {
        background: #444;
/*        background: blue;*/
        border-left: 2px solid yellow;
          color: yellow;
        i:before, svg path {
          padding: 0!important;
          max-height: 90%;
          height: 1.2rem;
          color: yellow;
        }      
    }

}

.ws_btn_filter_2:hover {

    color: #fff;
    border: 2px solid #444;
    background: #555;
    
}


.ws_btn_filter_3 {
    align-content: center;
    text-align: center;
    display: inline-block;
    margin: .2rem!important;
    height: 2.9rem!important;
    min-height: 2.9rem!important;
    max-height: 2.9rem!important;
    padding: .15rem .7rem!important;

/*    border: 2px solid #999;*/
    border-radius: 2px;
    box-shadow: inset 1px 1px 10px 0px rgba(0, 0, 0, 0.859), 
      1px 1px 3px 0px #333300;
    text-decoration: none;
    text-align: center;
    font-size: 1.2rem;
    font-family: "Ubuntu Condensed", sans-serif;
    font-weight: 400;
    font-style: normal;
    background: #444;
    color: #ccc;
    > span {
      height: 2.2rem;
      padding: .01rem;
    }    
    .normal {
      text-align: center;
      width: 100%;
      max-height: 2rem!important;
      min-height: 2rem!important;
      height: 2rem!important;
      a {
        height: 1.7rem!important;
        max-height: 1.7rem!important;
        min-height: 1.7rem!important;
      }
    }
    .hover {
      width: 100%;
      min-height: 2rem!important;
      max-height: 2rem!important;
      height: 4rem!important;
/*      padding: .1rem;*/
      a {
        width: 50%!important;
      }
    }
    .hover > a {
        width: 42%!important;
        min-width: 36%;
        height: 1.7rem!important;
        max-height: 1.7rem!important;
        min-height: 1.7rem!important;
        max-width: 100%;
        margin: 0 auto .2rem;
          padding: 0!important;
        display: inline-block;
        text-align: center;
        font-size: 1.1rem!important;
      }
    .hover a:first-of-type {
        background: #666;
          padding: 0!important;
/*        border-left: 2px solid springgreen;*/
        i:before, svg path {
/*          height: 1.7rem;*/
/*          color: springgreen;*/
        }
    }
    .hover a:last-of-type {
        background: #444;
/*        background: blue;*/
/*        border-left: 2px solid yellow;*/
          padding: 0!important;
/*          color: yellow;*/
        i:before, svg path {
          padding: 0!important;
/*          max-height: 90%;*/
/*          height: 1.2rem;*/
/*          color: yellow;*/
        }      
    }

}



[rel="links"] {
  width: 30rem;
  max-width: 30rem;
  min-width: 12rem;
  background: #eaeaea;

  a {
  display: block;
  color: white;
  text-align: center ;
  padding: .2rem;
  background: dodgerblue;
  box-shadow: inset 1px 1px 20px 0px rgba(0, 0, 0, 0.859), 
                1px 1px 6px 0px #333300;
  }
  a:hover {
    color: #eee!important;
  }
  a + a:before {
    content: "";
  }
}
[rel="links"]:hover a {
  color: #aaa;
}

.ws_btn_filter_3:hover {
    margin: .2rem!important;
    height: 2.9rem!important;
    min-height: 2.9rem!important;
    max-height: 2.9rem!important;
    padding: .15rem .7rem!important;
    color: #fff;
/*    border: 2px solid #444;*/
    background: #555;
    
}


.ws_title .ws_btn_filter_3, .ws_title .ws_btn_filter_2 {
  width: 40%;
}



.ws_hoverswitch {
  display: inline-block;
  .hover {
    display: none!important;
  }
}

.ws_hoverswitch:hover {
  .normal {
    display: none!important;
  }
  .hover {
    display: block!important;
  }
}

.skewed {
/*  transform: skew(7deg)!important; /* Equal to skewX(10deg) */*/
  padding: .3rem 1rem;
  margin: .2rem auto;
/*  background-color: pink;*/
  box-shadow: inset 1px 1px 20px 0px rgba(0, 0, 0, 0.259), 1px 1px 6px 0px #333300;

}



  nav[rel="cart"] button, nav[rel="cart"] a, *[rel="cartaction"], .mb_button {
    display: inline-block;
    margin: .4rem auto;
      padding: .4rem .9rem;
      font-size: 1.4rem; 
      text-decoration: none!important;
      color: white;
      transform: scaleX(0.7);
        color: white !important;
        background: rgba(125, 125, 125, 0.91);
        color: white;
        box-shadow: inset 1px 1px 20px 0px rgba(0, 0, 0, 0.859), 
          1px 1px 6px 0px #333300;
  }


  *[rel="cartaction"]:hover {
    background: rgba(125, 125, 125, 0.71);

  }

  *.medium[rel="cartaction"] {
    width: 100%;
    min-width: 100%!important;
    font-weight: 400;
    font-family: "Exo 2";
    /*    font-size: 110%;*/
    font-size: 86%;
    padding: .5rem 1rem;
    transform: scaleX(0.9);
/*    border: 2px solid dodgerblue;*/
  }
  *.large[rel="cartaction"] {
    font-weight: 600;
    font-family: "Exo 2";
    font-size: 120%;
    padding: .7rem 2rem;
    transform: scaleX(0.9);
  }

  *.minimalistic[rel="cartaction"] {
    background: none;
  }

  .purchase_button.buy {
      background: rgb(22, 119, 184, 91%);
      border: 2px solid dodgerblue;
  }


  .ebook[rel="cartaction"] {
/*        background: rgb(47, 204, 147, .91);;*/

  }
  .ebook[rel="cartaction"]:hover {
/*        background: rgb(47, 204, 147, .71);;*/

  }


  .btn[rel="cartaction"] {
      color: white!important;

  }



.cart_total {
/*    float: right;*/
    margin-left: 3rem;
    display: inline-block; 
    background: #999; 
    padding: .2rem 1rem;
    border: 2px solid #666;
    border-radius: 5px;
    color: white;
    text-decoration: none;
    i {
      color: white;
    }
}
.cart_total:hover {
    color: #ddd;
    text-decoration: none;
    background: #777; 
}









.purchase_button:hover {
  filter: brightness(120%);
  background: dodgerblue;
  transition: all .5s ease-in;
/*  box-shadow: inset 20 20 20 10em rgba(155, 155, 155, 0.1);*/
  .price {
      display: block;
      filter: brightness(80%);
      font-weight: 800;
      background: white;
      color: #777;
  }
  .mediumtype {display: none;}
  
}


.ws_btn_action_1 {
    display: inline-block;
    padding: .2rem .5rem!important;
    border: 2px solid #999;
    border-radius: 10px;
    box-shadow: inset 1px 1px 10px 0px rgba(0, 0, 0, 0.859), 
      1px 1px 3px 0px #333300;
    text-decoration: none;
    background: #666;
    color: #eee;
    font-weight: 600;
    text-decoration: none;

}
.ws_btn_action_1:hover {

/*    transform: scaleX(0.7);*/
    color: #fff;
    border: 2px solid #444;
    background: #555;
    
}

.ws_btn_action_1:has(.fa-plus):hover {
  background: #4ba54b!important;
}
.ws_btn_action_1:has(.fa-minus):hover {
  background: red!important;
}
.ws_btn_action_1:has(.fa-times):hover {
  background: orange; color: black;
}



.ws_address {
  background: #ededed;
  input {
    max-width: 100%;
    width: 100%;
    background: white;
    border-radius: 3px;
    margin: .3rem auto;
    font-size: 1.3rem;
  }
  > div:nth-of-type(1) {
    max-width: 35%;
  }
}

 .ws_address input, .ws_address textarea {
    background: #ccc!important;
    opacity: 50%;
 }


 .ws_address input:focus, .ws_address textarea:focus {
    background: #fefefe!important;
    border-color: darkseagreen;
 }
form textarea {
    width: 100%!important;
}

.ws_button_primary {
/*  color: #0d6efd !important;*/
}
.ws_button_primary:hover {
  background: #086af9 !important;
}

.ws_button_alert {
  background: #f11e1e !important;
}



.purch_buttons {
  padding: .2rem!important;
  flex-direction: column!important;
  text-align: center;
  align-content: center;
  align-items: center;
  .purchase_button.buy {
    display: inline-block;
    max-width: 40%;
    width: 40%;
    margin: .1rem;
/*    background: #555;*/
  }
}


  .purchase_button.buy {
      background: rgb(22, 119, 184, 91%);
      border: 2px solid dodgerblue;
  }


.purchase_button {
  .mediumtype, .price {
    font-size: 70%;
  }
  .mediumtype {
      display: block;
  }
  .price {display: none;}
}


.purchase_button:hover {
  filter: brightness(120%);
  background: dodgerblue;
  transition: all .5s ease-in;
/*  box-shadow: inset 20 20 20 10em rgba(155, 155, 155, 0.1);*/
  .price {
      display: block;
      filter: brightness(80%);
      font-weight: 800;
      background: white;
      color: #777;
  }
  .mediumtype {display: none;}
  
}


  .medium.purchase_button {
    width: 100%;
    min-width: 100%!important;
    margin: .1rem auto;
    padding: 1rem;
    font-size: 120%;
    display: inline-block;
    border: 2px solid dodgerblue;
    i {
      display: inline;
    }
  }
  .buttons {
    width: 30%; max-width: 30%; background: #fdfdfd; text-align: center;
    padding: .2rem;
  }
  .image {
    padding: .2rem;
    width:6rem;
    max-width:12%;
    img {
      max-width: 100%;
    }
  }




h5.reversed {
  background: #333;
  color: white!important;
  padding: .2rem!important;
  padding-left: .5rem!important;
  margin-bottom: 0.3rem;
}
h5.reversed_2 {
  background: #444;
  color: white!important;
  padding: .2rem!important;
  padding-left: .5rem!important;
}

.cart_total {
    height: 6rem;
    align-content: center;
    background: #444;
}
.ws_dimmed_5 {
  opacity: .5;
}

.ws_dimmed_1 {
  opacity: .1;
}

.ws_dimmed_3 {
  opacity: .3;
}

.ws_dimmed_1:hover {
  opacity: 1;

}
.ws_btn_action_1[class*="ws_dimmed_"] {
  scale: 70%;
  svg {
/*    color: dodgerblue;*/
  }
}
.ws_btn_action_1[class*="ws_dimmed_"]:hover {

  svg {
    color: dodgerblue;
  }
}
[class*="ws_shadow_"] {

    background: #555;
    border-radius: 0;
/*    border-bottom: 2px solid red;*/
    box-shadow: 0px -23px 25px 0px rgba(0, 0, 0, 0.17) inset, 0px -36px 30px 0px rgba(0, 0, 0, 0.15) inset, 0px -79px 40px 0px rgba(0, 0, 0, 0.1) inset, 0px 2px 1px rgba(0, 0, 0, 0.06), 0px 4px 2px rgba(0, 0, 0, 0.09), 0px 8px 4px rgba(0, 0, 0, 0.09), 0px 16px 8px rgba(0, 0, 0, 0.09);
}
.cart_total.ws_shadow_0 {
  border-bottom: 2px solid red;
}

.cart_total.ws_shadow_1 {
  border-bottom: 2px solid darkorange;
}

.cart_total.ws_shadow_2 {
  border-bottom: 2px solid lawngreen;
}

.mb_menu_random {
  background: #fafaf0;
  div:first-of-type {
    background: #ddd;
    max-width: 12rem!important;
    min-width: 12rem!important;
    width: 12rem!important;
  }
  div:first-of-type {
  }
  .ws_btn_action_1 {
    font-size: .8rem;
    font-weight: 500;
    color: white!important; 
    text-decoration: none!important;
    display: inline-block; 
    font-size: .9rem; 
    text-align: center;
    text-decoration: none;
  }


}

[popovertarget] {
  border: 2px solid #666;
  background: #444;
  color: #eee!important;
  font-size: 0.9rem!important;
  font-weight: 600;
}

.mb_popbox {
  width: 80%;
  min-height: 20rem;
  height: 80%;
  padding: 3rem;  
  background: white;
  border: 3px solid #444;
  border-radius: 5px;
  box-shadow: 10px 10px 5px 40rem rgba(0,0,0,0.55);
  h3, .h3 {
    text-wrap: balance;
    padding: 1rem;
    font-size: 2rem!important;
    text-align: center;
    color: white;
    background: #888!important;
  }  
  h4 {
    text-align: center;
    font-weight: 700;
    margin-bottom: 1rem;
  }

}

.mb_popbox::backdrop {
    backdrop-filter: blur(5px);
}

.mb_popbox.links {
  p {
    width: 70%;
    margin: 1rem auto;
  }
   a {
    padding: 1rem;
    color: #666;
    font-size: 1.5rem;
    display: inline-block;
  }
  div:not(.no_bullets) a + a:before {
    content: "•";
    margin-right:.5rem;
  }
  .outstander_item {
    margin: .4rem 2rem;
  }
  .no_bullets {
    > div {
      text-align: center;
      width: 100%;
      max-width: 100%!important;
      max-width: 100%!important;
      padding: 0;
    }
    .outstander_item {
    width: 70%;
    max-width: 90%;
    margin: 1rem auto;
    }
  }
}
.mb_popbox.form {
  h3 span {
    display: block;
    font-size: 70%;
    font-weight: 300;
    padding: .3rem;
    background: #2223;
  }
  input {
    margin: .5rem;
  }
}
.mb_popbox.hint {

  padding: 1rem 2rem;
  p {
    font-size: 1.3rem;
  }
   a {
    padding: .3rem;
    color: #666;

    font-weight: 500;
    text-decoration: underline;
  }
  ul {
    display: block;
    border: 2px solid #aaa;
    border-radius: 10px;
    background: #fdfdfd;
    padding: 3rem;
    width: 80%;
    margin: .2rem auto;
    li {
      margin-bottom: .3rem;
      text-align: justify;
      font-size: 1.2rem;
      a {
        color: dodgerblue;

      }
      a:hover {
        color: #1780e6;
        text-decoration-color: #666;
      }
    }

  }
}



.ws_info_bottom {
    background: #445; color: white; padding: 2rem;
    h3 {
      font-size: 2rem; text-align: center;
    }
    > div.un_flex > div {
        width: 30%; background: #444; margin: 1rem;padding: 1rem;
    }
    p {
      font-size: 1.5rem;
    }

}

.ws_item_listbar {
  background: white;
  border: 1px solid #666;
  margin: .4rem auto;
  padding: 0!important;
  .ws_bookstatus {
    > div {
      margin: .2rem;
    }
    font-size: .9rem;
    i {
      display: inline-block;
    }
  }
  h4 {
    font-weight: 700;
    margin-bottom: 0;
    font-size: 80%;
  }
  .mediumtype, .price {
    font-size: 80%;
/*    display: inline-block;*/

  }
  .medium.purchase_button {
    width: 100%;
    min-width: 100%!important;
    margin: .1rem auto;
    padding: 1rem;
    font-size: 120%;
    display: inline-block;
    border: 2px solid dodgerblue;
    i {
      display: inline;
    }
  }
  .buttons {
    width: 30%; max-width: 30%; background: #fdfdfd; text-align: center;
    padding: .2rem;
  }
  .image {
    padding: .2rem;
    width:6rem;
    max-width:12%;
    img {
      max-width: 100%;
    }
  }
}





.ws_relatedbook {
  background: #dedede; 
  border: 2px solid #aaa; 
  width: 10rem!important; 
  max-width: 10rem!important;
  padding: .2rem;
  a, h4 {
    font-family: "Ubuntu Condensed", sans-serif;
    font-size: .9rem;
    max-width: 100%!important;
  }
  a {
    display: inline-block;
    width: 90%;
    font-size: 1rem!important;
    color: white!important;
  }
  a:has('img') {
    max-width: 100%; width: 100%;
    img {
      width: 100%;
      max-width: 100%!important;
    }
  }
  h4 {
    font-weight: 200;
    strong  {
    font-weight: 500;

    }
  }
  [rel="admin"] {
    float: left;
    z-index: 2;
  }
  button {
    background: red;
    width: 90%!important;
    max-width: 90%!important;
  }
}


.ws_productpresenter_1 {
  border: 3px solid #1c48d0;
  background: #fafafa !important;
  background-color: #fafafa !important;
  > div {
    width: 100%;
  }
}

.ws_productpresenter_1.mb_simplebox h3 {
  background: #1c48d0;
  color: white;
  padding: 1rem;
  a, a > span {
    color: white;
    font-size: 1.7rem;
    text-decoration: none;
  }
}

.mb_mbset {
  width: 90%;
  margin: 1rem auto;
  background: rgba(255, 223, 192, 0.694);
}
.mb_mbset h3 {
  font-weight: 600!important;
}
.mb_mbset h3 a em {
  font-weight: 600!important;
  /*        color: blue;*/
}
.mb_mbset > div:first-of-type {
  width: 6rem!important;
}
.mb_mbset jpg,
.mb_mbset .fullwidth {
  max-width: 100%;
  width: 100%;
}
.mb_mbset > div {
  padding: .5rem;
  margin: .5rem;
  background: rgba(245, 243, 235, 0.694);
  color: #555;
}
.mb_mbset > div h3 {
  font-weight: 800;
  font-family: "Exo 2";
}
.mb_mbset > div p {
  font-family: "Exo 2";
}
.mb_mbset .mb_thumb img {
  width: 6rem!important;
  height: 10rem!important;
}
.mb_mbset .mb_description > .un_flex {
  margin: .05rem auto;
  padding: .1rem;
}
.mb_thumb1 {
  border: 3px dotted rgba(155, 151, 153, 0.21);
  background: #efefef;
  padding: .5rem;
  margin: 1rem;
}
.mb_thumb1 img {
  width: 4.5rem;
  height: 8rem;
}
.mb_thumb1 h2 {
  font: italic 700 2rem 'Open Sans', sans-serif;
}
.mb_thumb2 img {
  width: 6rem!important;
  height: 10rem!important;
}
img.mb_thumb {
  width: 8rem;
}

h3.title {
  color: #333 ;
  font-weight: 800;
  font-family: "Exo 2";
  font-size: 1.5rem;
}





.box_product {
  display: inline-block;
  border: 3px solid #ccc;
  border-radius: 15px;
  background: #fefefe;
  max-width: 60rem;
  margin: 2rem!important;
  padding: .5rem;
  width: 100%;
  p[rel="desc"] {
    font-weight: 400;
    font-size: 1rem;

  }
  .box_submit  {
    max-width: 100%;
    > div {
      max-width: 45%;
    }
  }
}

.box_products {
  width: 100%!important;
  background: #eee;
  padding: .5rem;
  margin: .5rem auto;
}
.box_products > div,
.box_product {
  margin: 1rem;
}





/* *****************************************  */
/*  WYGLĄD SKLEPU */
/* *****************************************  */
.box_topnavtriple {
  background: #bbb!important;
  margin: .4rem auto;
  width: 90%!important;

    ul {
      width: 90%;
      /*background: #ffeeee;*/
      font-size: 80%;
      line-height: 1.5em;
/*      margin: 5px 0 5px;*/
      margin: .2rem auto;
      padding: 0;
      text-align: left;
    }
      ul li {
      text-align: left;
      list-style-type: square;
      /*list-style-type: none;*/
      /*list-style: none;*/
      position: relative;
      padding: 5px 5px 0 5px;
/*      color: red; */
      /*  margin-left: 3px;
      left: 0;
      padding-right: 0;
      text-align: left; */
    }
}
.box_topnavtriple > div {
  background: #efefef;
  text-align: center;
  font-weight: 400;
  font-size: 1.2rem;
  color: white;
  border-radius: 5px;
  margin: .3rem .2rem;
}
.box_topnavtriple > div .move-down {
  display: block;
  width: 30%;
  margin: 0 auto;
}
.box_topnavtriple > div:nth-of-type(odd) {
  background: #fff;
  color: #555;
}
.box_topnavtriple > div:nth-of-type(odd) a.move-down {
  color: #555!important;
}
.box_topnavtriple > div:nth-of-type(even) {
  background: #777;
  color: #eee!important;
}
.box_topnavtriple > div:nth-of-type(even) h3 {
  color: #eee!important;
}
.box_topnavtriple > div:nth-of-type(even) a.move-down {
  color: #eee!important;
}
.box_topnavtriple > div a {
  font-weight: 600;
  color: white;
  margin: .3rem!important;
}
.box_topnavtriple > div h3 {
  font-family: "Exo 2";
  font-weight: 700;
  color: #888;
  font-size: 1.4rem;
}

.box_topnavtriple ul a {
  color: #555;
}

  .mb_description p {
    font-size: 1.1rem;
        text-wrap: pretty;
  }

.mb_mbset .mb_description > .un_flex {
  margin: .05rem auto;
  padding: .1rem;
}
.mb_description {
  /*width: 90%;*/
  max-width: 90%;
  margin: 1rem auto;
  text-align: center;
  font: normal 300 1.2rem 'Open Sans';
  /*font: italic 700 1.5rem 'Open Sans';*/
}
.mb_description > div {
  text-align: center;
      text-wrap: balanced;
}
.mb_description p {
  color: #555;
  text-align: justify;
  font: normal 500 1.7rem 'Exo 2';
      text-wrap: pretty;
}

.mb_description h5 {
  font: italic 700 1.1rem 'Exo 2';
  text-align: center;
}
.mb_description em {
  font: italic 700 1.1rem 'Exo 2';
  color: #eee;
}


[rel="thumbs"] {
  background: #ddd;
  margin: 1rem auto;
  width: 90%;
  min-width: 90%;
}
[rel="thumbs"] [rel="mybook"] {
  font-size: .9rem;
  width: 100%;
  min-width: 100%;
  text-align: justify;
}
[rel="thumbs"] [rel="mybook"] h5 {
  font-size: 0.8rem;
  text-align: left;
  margin: .2rem;
}
[rel="thumbs"] > div {
  max-width: 16rem;
  width: 14rem;
  margin: .4rem;
  background: white!important;
  border: 2px solid #bbb;
  border-radius: 5px;
  text-align: center;
}
[rel="thumbs"] > div h4 {
  margin: .1rem auto;
}
[rel="thumbs"] > div h5 {
  margin: .3rem auto;
  padding: .4rem;
  font: italic 700 1.2rem 'Exo 2';
  text-align: center;
}
[rel="thumbs"] img {
  width: 12rem;
  height: 18rem;
  /*max-width: 100%;*/
  margin: .2rem auto;
  box-shadow: 7px 7px 5px 0px rgba(50, 50, 50, 0.75);
}
[rel="thumbs"] > div {
  max-width: 16rem;
  width: 14rem;
  /*height: 16rem;*/
  margin: .4rem;
  background: white;
  border: 2px solid #bbb;
  border-radius: 5px;
  text-align: center;
}
[rel="thumbs"] > div h4 {
  padding: .3rem;
  background: #faa;
  font-weight: 800!important;
  color: white!important;
}
[rel="thumbs"] > div h6 {
  padding: .3rem;
  font-weight: 800!important;
  color: #777!important;
}
[rel="thumbs"] img {
  width: 8rem;
  height: 12rem;
}
.mb_thumb2 img {
  width: 6rem!important;
  height: 10rem!important;
}
[rel="thumbs"] > div h5 {
  margin: .3rem auto;
  padding: .4rem;
  font: italic 700 1.2rem 'Exo 2';
  text-align: center;
}

[rel="mybook"] {
  width: 90%;
  max-width: 100%;
  border-radius: 5px;
  margin: .4rem 1;
  border: 2px solid #bbb;
  border-radius: 5px;
    background: white !important;
    font-size: .9rem;

  text-align: justify;
    h5 {
      font-size: 0.8rem;
      text-align: left;
      margin: .2rem;
    }
  div.links:has(> a) {;  
    display: flex;
    flex-direction: column;
/*    background: dodgerblue;*/
text-align: left;
    > a:not(.outstander_item) {
      color: #333!important;
    }
  }
}

.mb_box_uni {
    /*    width: 18rem;*/
    min-width: 20rem;
    /*    max-width: 30rem!important;*/
    border: 4px solid #ddd!important;
    background: #f0f0f0;
    border-radius: 8px;
    margin: .3rem;
    padding: 0!important;
    > div {
      margin: 0!important;
      padding: .3rem;
      height: auto;
    }
    > div:not(.box_control):nth-of-type(2), > div:nth-of-type(3) {
      width: 30%;
      max-width: 30%;
      background: #2a6fc31f;
      text-align: center;
    }
    a {
      font-weight: 500;
      word-wrap: break-word;
      word-break: break-all;
      overflow-wrap: break-word;
/*      color: orangered;*/
      /*   margin-left: 5px;*/
      /*   display: inline-block;*/
    }
    p {
      font-size: .9rem;
      margin-bottom: 0!important;
      word-break: break-word;
    }
    p span {
      display: inline-block;
    }
    p cite {
      font-weight: 700;
      color: #559;
    }
    .meta {
      font-size: .8rem;
      padding: 0!important;
      padding-left: .5rem!important;
      color: #666;
    }
}

.mb_gallery_panels {
  width: 90%;
  margin: 1rem auto;
  background: #fefefe;
 > div {
  color: white;
  background: #666;
  margin: 1rem;
 }



}

.gallery_panel_1, > div {
  width: 45%;
  max-width: 45%;
  margin: 1rem auto;
  background: #666!important;
  color: white;
  > div {
    padding: .2rem;

  }
  > div:has(img) {
/*        background: red;*/
    padding: 0;
    max-width: 4rem;
  }
  img {
      width: 4rem;
      max-width: 100%;
      min-width: 4rem;
  }
  cite {
    display: block;
  }
  p {
    display: block;
    background: #444;
    font-size: 70%;
    padding: .2rem 0 .2rem .2rem;
    border-radius: 0;
    max-width: 100%;
    width: 100%;
  }
  p strong {
    background: #999;
    color: #000;
    padding: .2rem;
    border-radius: 0!important;
    display: table-cell;
  }
  div.links{
      max-width: 10rem;
      a + a {
        margin-top: .4rem;
      }
  }
  div.links > *{
      display: block;
      text-align: center;
      font-weight: 600;
  }
  .outstander_value_1 {
    color: white;
  }
  .outstander_value_:hover {
    color: #777!important;
    background: #ddd!important;
  }

}

.gallery_panel_2 {
  width: 45%;
  max-width: 45%;
  margin: .5rem;
  background: #666;
  color: white;
  padding: .3rem!important;
  > div {
    padding: .2rem!important;
    width: 100%;

  }
  .un_flex_hs {
    background: #333;
    > div {
      padding: .2rem!important;
    }
    > p {
      font-size: 80%;
      a {
        font-weight: 800;
        color: white;
      }
    }
  }
  .un_flex_hs:has(.listitem) {
    > div {
      width: 50%;
    }
  }
  .listitem strong, .listitem span {
    display: inline;
  }
  .listitem strong {
    padding: .2rem .6rem;
  }
  div:has(> img) {
    width: 6rem!important;
    max-width: 6rem!important;
    img {
      width: 5rem;
    }
  }
  a.outstander_item {
    color: #333;

  }
  a.small {
    scale: .9;
    padding: .1rem .3rem!important;
  }
  cite {
    display: block;
  }
  cite + cite {
    font-size: 90%;
  }
  [rel="toolbox"] a {
    font-family: "Ubuntu Condensed", sans-serif;
  }
}

    .gallery_panel_1.status_1, .gallery_panel_2.status_1 {
      border: 4px solid springgreen;
      background: #485;
    }
    .gallery_panel_1.status_2, .gallery_panel_2.status_2 {
      border: 4px solid orange;
      background: #928f71;
    }

.gallery_panel_3 {
  margin: .5rem!important;
  width: 100%;
/*  background: red;*/
  div:has(> img) {
    width: 10rem;
    min-width: 10rem;
    img {
      width: 11rem;
    }
  }


}
  .gallery_panel_3:has([data-reminderstatus="2"]) {
    border: 4px solid green!important;
  }
  .gallery_panel_3:has([data-reminderstatus="1"]) {
    border: 4px solid greenyellow;!important;
  }
  .gallery_panel_3:has([data-reminderstatus="0"]) {
    border: 4px solid red!important;
  }



body > .mb_box_uni {
  width: 90%;
  margin: 1rem auto;
}

footer {
  position: relative;
/*  width: 90%;*/
  max-width: 100%;
  min-width: 100%;

  margin: 0 auto;
  background: #555;
/*  background: #234;*/
  color: white;
  padding: 2rem;
  text-align: center;
}
footer > div {
  /*background: red;*/
  text-align: left;
  margin: .2rem;
  max-width: 30%;
  width: 100%;
  min-width: 100%;
}

footer > div > div {
/*  max-width: 24%!important;*/
/*  width: 20rem!important;*/
}

footer > div > div:first-of-type {
/*  background: #489;*/
}

footer > div > div:last-of-type {
/*  background: #347;*/
}

footer h4, footer h3 {
  font: italic 900 1.1rem 'Nunito';
  color: #ebebeb;
  text-align: left;
/*  border-bottom: 5px solid dodgerblue;*/
  box-sizing: border-box;
  position: relative;
  text-wrap: balance;
}
footer h4 {
  margin-bottom: 2rem;
  letter-spacing: 2px;
}
footer h4:before {
    position: absolute;
    content: "";
    width: 6rem;
    height: 5px;
    background: dodgerblue;
    left: 0;
    bottom: -1rem;
}

footer h4 > cite {
  color: #d7d7d7;
}

footer h3,
footer h3 a {
  text-align: left;
  font-size: 1.5rem!important;
  font-weight: 600;
  font-family: "Nunito", sans-serif;
}

footer > h5 {
  font-size: 1rem;
  text-align: left;
  margin: 0;
/*  background: red;*/
  > a {
    display: inline-block;
    font-size: 1rem;
    margin: 0 .2rem;
    font-family: "Sigmar One";
  }
}


footer hr {
  margin: .3rem auto;
}
footer a {
  display: block;
  color: white;
  margin: .3rem 2.5rem;
  font: normal 300 1.1rem 'Nunito';
  text-decoration: none;
}
footer a:hover {
  color: #cccccc;
  text-decoration: none;
}
footer a:hover i {
  color: #666;
}

footer div > a {
  text-indent: -1.9rem;
  text-wrap: balance;
  line-height: 1.2;
  cite {
    font-weight: 500;
    color: white;
    font-weight: 700;
  }
}

footer {
  a svg{
   margin-right: .4rem!important;
   color: =dodgerblue!important;
  }
  p.meta {
    text-align: center;
    text-indent: 0;
  }
}


a.medium.purchase_button:before {
  display: none;
}


.infinity {
  /* Modify size here: */
  --size: 1.5rem;
  --thickness: calc(var(--size) * 0.1);

  position: relative;
  width: var(--size);
  height: calc(var(--size) * 0.47);
  box-sizing: content-box;
}
.infinity:before,
.infinity:after {
  content: "";
  box-sizing: content-box;
  position: absolute;
  top: 0;
  left: 0;
  width: calc(var(--size) * 0.28);
  height: calc(var(--size) * 0.28);
  border: var(--thickness) solid dodgerblue;
  border-radius: 50px 50px 0 50px;
  transform: rotate(-45deg);
}
.infinity:after {
  left: calc(44% + var(--thickness));
  right: 0;
  border-radius: 50px 50px 50px 0;
  transform: rotate(45deg);
}





.sc_title {
  width: 90%;
  margin: 8rem auto 5rem;
  text-wrap: balance;
  font-family: "Open Sans";
  font-style: italic;
  font-weight: 800;
  span {
    color: #ddd;
  }
}
.sc_page {
    width: 70%;
    margin: 1rem auto 5rem;
    background: white;  
    h3 {
      margin-top: 3rem;
      font-size: 2rem!important;
      text-align: left;

    }
    p {
      text-indent: 2rem;
      font-size: 1.5rem!important;
      text-wrap: pretty;
      text-align: justify;
      lang {}
      a {
        word-break: break-all;
      }
    }
    p:first-of-type, h3 + p, h4 + p {
      text-indent: 0;

    }
    ul li {
      font-size: 1.4rem!important;

    }
}
.sc_page:after {
  content:"■";
}

[id="coverimages"] {
  div {
    text-align: center;
  }
  h3 {
        width: max-content !important;

    display: inline-block;
    font-size: 1rem;
    font-weight: 400;
    font-family: "Ubuntu Condensed", sans-serif;
    letter-spacing: 0.08rem;
    padding: .4rem .9rem !important;
    text-decoration: none !important;
    box-shadow: inset 1px 1px 20px 0px rgba(0, 0, 0, 0.859), 1px 1px 6px 0px #333300;
    max-width: 6rem; text-align: center; 
    background: dodgerblue !important;
    color: white !important;
    transition: background 0.9s ease-in-out;
}
  }
}

.mb_gallery_artphoto {
  width: 90%;
  margin: 1rem auto 2rem;
  display: block;
/*  min-height: 30rem;*/
  background: #aaa;
  > div {
    max-height: 10rem;
    max-width: 45%;
    height: 10rem!important;
    margin: 1rem;
  }
   a, img  {
    height: 100%!important;
    max-height: 100%!important;
  }
}

.sw_gallery > div {
  background: white;
  border: 2px solid #999;
  margin: .5rem auto;
  padding: .5rem;
  min-width: 16rem!important;
  max-width: 18rem!important;
  width: 80%;
}
.sw_gallery > div img {
  width: 100%;
}
.sw_gallery > div h3 {
  text-align: center;
  font: normal 300 1rem 'Ubuntu Condensed';
}
.sw_gallery > div h4 {
  text-align: center;
  font: normal 300 0.8rem 'Ubuntu Condensed';
  color: #679;
}
.sw_gallery.un_flex_hs > div {
  margin: .3rem;
  background: white;
  width: 12rem!important;
  max-width: 12rem!important;
  height: 16rem;
  overflow: hidden;
}
.mb_distrubutor_info {
  background: #eee;
  margin: 1.5rem;
  border: 4px solid #666;
}
.mb_distrubutor_info h4 {
  font-weight: 500;
  font-size: 1.2rem;
  color: #777;
  font-family: "Exo 2";
}
.mb_distrubutor_info h3 {
  font-weight: 700;
  font-size: 1.4rem;
  color: #555;
  font-family: "Exo 2";
}
.mb_distrubutor_info p {
  text-align: left: ;
  font-size: 1.2rem;
  /*      word-wrap: all;*/
  word-wrap: break-word;
  word-break: break-word;
  overflow-wrap: break-word;
}
.mb_distrubutor_info .contact-info {
  h4  {
    text-align: left;
  }
  background: #ddd;
  padding: .4rem;
  border-radius: 8px;
  width: 80%!important;
  margin: 1rem auto;
  border: 3px solid #555!important;
}

.mb_seller_infobox {
  display: block;
  background: rgba(255, 255, 255, 0.5);
  padding: 0;
  text-align: left;
}
.mb_seller_infobox h4,
.mb_seller_infobox h5 {
  width: 90%;
  max-width: 90%;
  text-align: center;
  padding: .4rem;
  font-weight: 700;
  background: #ffcc99;
  overflow: hidden;
}
.mb_seller_infobox h5 {
  background: #0099cc;
  color: white!important;
}
.mb_seller_infobox p {
  margin: 1rem;
}


.mb_episode_features {
  background: #fefefe;
  > div {
    margin: .5rem;
    background: rgba(218, 218, 208,.3);
    min-width: 30%;
    max-width: 45%;

  }
  > div:first-of-type {
/*    background: rgba(218, 218, 208,.3);*/
  }
  > div:last-of-type {
    background: rgba(218, 218, 208,.5);
  }
  h5 {
    text-align: center;
  }

}

  ul.rec_book {
    padding-left: 0;
    li {
      list-style: none;
      font-size: .8rem;
       margin: .2rem 0;
      padding: .3rem;
      background: white;
      border: 2px solid #fafafa;
      color: dodgerblue;
      h5, cite {
        color: #4087da;
        font-weight: 600;
      }
      [rel="admin"] {
        float: right;
      }
    }
    p {
      font-size: .6rem;
      margin: 0;
      padding: 0;
    }
  }

.mb_box {
  width: 100%!important;
  max-width: 100%!important;
  > div{
    padding: .1rem;
    overflow: hidden;
    text-align: center;
  }
  > div:has(img) {
    width: 30%!important;
    max-width: 30%!important;
  }
  a.outstander_item {
    display: inline-block;
    overflow: hidden;
    max-width: 70%!important;
    min-width: 50%!important;
    width: 70%!important;
/*    background: red!important;*/
  }
}

.mb_podcasts {
  background: #f0f0f0;
  width:80%;
  margin: 1rem auto;

  > div {
    background: white;
/*    border: 2px solid #aaa;*/
    margin: .5rem;
    border-radius: 16px;
    text-align: center;
  }
  h3 {
    font-size: 2rem;
    text-align: center;
/*    color: red;*/
    color: #aa9;
  }
  > .newest {
    padding: 0;
    border: 2px solid red;
    h3 {
      border-radius: 13px 13px 0 0;
      background: red;
      color: white;
      font-size: 1.4rem;
      padding: .5rem;
    }
  }
  h4 {
    text-align: left;
  }
  p {
    text-align: justify;
    margin: .2rem auto;
    width: 80%;
  }
}

#dropzone {
  text-align: center;
}
.dropzone {
/*  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, */
/*  rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;*/
box-shadow: rgba(14, 30, 37, 0.12) 0px 2px 4px 0px, rgba(14, 30, 37, 0.32) 0px 2px 16px 0px;
  text-align: center;
  padding: 1rem;
  display: inline-block;
    max-width: 20rem;
    border-color: dodgerblue;
    border-radius: 13px;
    margin-left: auto;
    margin-right: auto;
    border: 2px dotted #1833FF;
    margin-top: 50px;
    align-content: center;
        background: #ddd;
    .dz-message {
        margin: .4rem auto!important;
        font-family: "Sigmar", sans-serif;
        font-size: 1rem;
        color: #555;
        h5   {
            font-size: 1rem;
            font-family: "Calibri", sans-serif;
        }

    }
}
.drop-zone--active { border-color: #4CAF50; }  
.drop-zone--invalid { border-color: #f44336; }


#admin-status-bar {
  float: left; 
  z-index: 1000; 
  position: absolute;
  max-width: 98%;
  display: block;
}
.box_mybook1 {
  position: relative;
  max-width: 100%;
  background: #333;
  color: white;
  font-size: 1rem;
  border: 0 solid #333 !important;
  text-align: center;
  div:has(> img) {
    width: 9rem!important;
    max-width: 9rem!important;
    padding: 0;
    img {
      max-width: 45%;
      width: 8rem;
      margin: 0!important;
    }
  }
  > a {
    position: absolute;
    top: 2px;
    right: 2px;
    margin: .2rem;
    display: inline-block!important;
    opacity: .3;
  }
  a:last-of-type {
    top: 2.7rem;
  }
  > .un_flex {
  border: 0 solid #333 !important;
  margin: .1rem auto!important;
  > div {
    align-content: center;
  }
  }

  a {
    display: block;
    width: 100%;
    color: white;
    display: block;
    text-wrap: balance;
    text-decoration: none;
  }
  h5  {
    font-size: .8rem;
    color: #bbb;
  }
}
.box_mybook1:hover > a {
  opacity: 1;
} 

.box_inspire {
/*  background: red;*/
  padding: 1rem; 

  > a {
    font-size: 70%!important;
    width: 45%;
    max-width: 45%;
    min-width: 45%;
    margin: .5rem;
    text-wrap: balance;
    align-content: center;
  }
}
.un_flex > .box_inspire2 {
  max-width: 40%;
}
.box_inspire2 {
  margin: 1rem;
  border: 2px solid #555;
  box-sizing: border-box;
  padding: 0!important;
  border-radius: 12px 12px 0 0;
  background: white;
  > p {
    margin: 1rem;
  }
  > h3 {
    border-radius: 8px 8px 0 0;
    width: 100%;
    background: #555;
    color: white;
    font-size: 1.3rem;
    font-weight: 700;
    padding: .3rem 1rem;
    font-style: italic;
    font-family: "Open Sans", sans;
    text-align: center;
  }
  a {
    margin: .3rem;
  }
}



.mb_ttip[data-title], a[data-title] {
  position: relative;
/*  text-decoration: underline dotted; */
}
.mb_ttip[data-title]:hover::after,
.mb_ttip[data-title]:focus::after, [data-title]:focus::after, a[data-title]:focus::after {
  content: attr(data-title);
  position: absolute;
  left: 50%;
  top: -30px;
  transform: translateX(-50%);
  width: 10rem;
  max-width: 10rem;
  display: block;
  text-wrap: all;
  white-space: nowrap;
  background: #ff0060;
  color: #fff;
  border-radius: 2px;
  box-shadow: 1px 1px 5px 0 rgba(0,0,0,0.4);
  font-size: 12px;
  padding: 3px 5px;
}

.section_universal:has(.box_general1) {
  background: #f7f7f7;
}
.section_universal .box_general1 {
    box-shadow:  1px 1px 10px 0px rgba(0, 0, 0, 0.259), 1px 1px 6px 0px rgba(30, 30, 0, 0.259);
    border: 5px solid #555!important;

    border-radius: 12px 32px 0 0;
}

.box_trifold {
    width: 95%;
    margin: .1rem auto;
    background: white;
  h2 {
    font-size: 1.5rem;
    width: 90%;
    text-align: center;
    margin: .1rem auto;
  }
  .box_products > div {
    margin: 1rem;

  }
}


.listitem {
  font-size: 1rem;
  span {
    font-size: 90%;
  }
  strong {
    font-weight: 800;
    display: block;
    background: #aa9;
  }
}

.un_form_item {
  border: 1px solid #999;
  border-radius: 10px;
  background: #ddd;
  padding: .3rem!important;
  margin: .3rem!important;
  width: 100%;
  max-width: 100%;
  > div {
      padding: .3rem!important;

  }
}

[class^="box_"]:has([rel='status']) {
  [class^="status_"] {
    padding: .2rem;
    border-radius: 4px;
  }
  .status_0 {
    border: 2px solid #777;
  }
  .status_9 {
    border: 2px solid greenyellow;
  }
  .status_4 {
    border: 2px solid seagreen;
  }
  .status_4 {
    border: 2px solid dodgerblue;
  }
  .status_3 {
    border: 2px solid orange;
  }
  .status_1, .status_2 {
    border: 2px solid red!important;
  }
}

.dev {
  border: 1px solid red!important;
  > div {
  border: 1px solid springgreen!important;

  }
}

.mb_recommendation {
  background: white;
  padding: 2rem;
  margin: 2rem 1rem;
  width: 40%;
}

.showname {
  font-family: "Sigmar One";
}



    .mb_box_meeting {
        width: 90%;
        margin: 2rem auto;
        border: 2px solid blue;
        border-radius: 8px;
        background: #fff;
        box-shadow: rgba(6, 24, 44, 0.4) 0px 0px 0px 2px, rgba(6, 24, 44, 0.65) 0px 4px 6px -1px, rgba(255, 255, 255, 0.08) 0px 1px 0px inset;
/*        box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;*/
    }
    div:has(> .span_date) {
      width: 35%;
    }
    .span_date {
        display: inline-block;
        width: 100%;
        text-align: center;
        background: black;
        color: white;
        padding: .2rem 1rem;
        font-size: 2rem;
        font-weight: 900;
        border-radius: 5px;
        height: 100%;
        align-content: center;
    }
    .span_date span{
        display: block;
        background: white;
        color: black;
        font-size: 1.5rem;
        padding: .4rem 1rem;
        margin-bottom: .3rem;
    }


.box_infochunk {
  border: 2px dashed #569;
  border-radius: 5px;
  padding: .3rem;
  max-width: 40%;
}
.box_infochunk > a {
  font-size: 1.4rem;
  font-weight: 700;
  display: block;
}


.mb_list_uploadedfiles {
  width: 100%;
  margin: 1rem auto;

  a + a {
      margin-top: .4rem!important;
  }

  }

.box_file {
    background: #888;
    width: 100%;
    margin: 1rem auto;

    div:nth-of-type(2) {
        max-width: 60%;
        width: 60%;
        a {
          word-break: break-all;
          color: white;
      font-weight: 700;
        }
    }  
    div:has(img) {
      background: slategray;
      max-width: 15%!important;
      width: 15%!important;
      a, img {
        width: 100%;
      }
    }
    [rel="toolbox"] {
      max-width: 12rem;
      width: 12rem;
      a, button {
        width: 100%;
        min-width: 100%;
      }
    }

}
.box_file:has(.status_1) {
  border: 3px solid springgreen!important;
}

.box_file_2 {
    background: #eee;
    color: #666;
    width: 100%;
    margin: 1rem auto;
    border: 4px solid #555;
    border-radius: 10px;

    div:nth-of-type(2) {
        max-width: 60%;
        width: 60%;
        a {
          word-break: break-all;
          color: #444;
      font-weight: 700;
        }
    }  
    div:has(img) {
      background: slategray;
      max-width: 15%!important;
      width: 15%!important;
      a, img {
        width: 100%;
      }
    }
    [rel="toolbox"] {
      max-width: 12rem;
      width: 12rem;
      a, button {
        width: 100%;
        min-width: 100%;
      }
    }

}
.box_file_2:has(.status_1) {
  border: 3px solid springgreen!important;
}

.box_wholesale_item {
  border: 2px solid dodgerblue;
  margin:1rem;
  h3 {
    font-weight: 800;
    span {
      font-weight: 400;
    }
  }
  > div {
    min-width: 12rem;
    width: 12rem;
    background: #ddd;
  }
  > div:has(p) {
    width: auto;
    max-width: none;
    background: white;
  }
  > div:has(img) {
    min-width: 8rem;
    max-width: 8rem;
    background: #aaa;
    text-align: center;
  }
  img {
    width: 90%;
    max-width: 100%;
  }
}


.box_dispatch {
  background: white;
  box-shadow: rgba(6, 24, 44, 0.4) 0px 0px 0px 2px, rgba(6, 24, 44, 0.65) 0px 4px 6px -1px, rgba(255, 255, 255, 0.08) 0px 1px 0px inset;

  [rel="toolbox"] a {
    display: block!important;
  }

}

.box_dispatch.list {
  border: 10px solid #555!important;
  margin: 2rem;
 > div:has(.we_item.tiny) {
    background: #aaa;
 }
 > div .outstander_item {
  width: 100%;
  min-width: 100%;
  text-align: center;
  margin: .2rem auto;
  align-content: center;
  span {
    display: block;
    strong {
      display: inline-block;
    }
  }
 }
 div:has(.we_item.tiny) {
  align-content: flex-start;
 }
}

.we_item {
    flex-direction: row;
    display: flex!important;
    flex-wrap: nowrap;
    transition: all 0.3s ease-in, all 2s ease-out;
    margin: .5rem auto;
    background: #aaa;
    /*box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;*/
    box-shadow: rgba(6, 24, 44, 0.4) 0px 0px 0px 2px, rgba(6, 24, 44, 0.65) 0px 4px 6px -1px, rgba(255, 255, 255, 0.08) 0px 1px 0px inset;
    > div {
      align-content: center;
      font-family: "Ubuntu Condensed";
      font-weight: 700;
      padding: .2rem;
      font-size: 1.3rem;
    }

    strong {
      display: inline-block;
      font-weight: 600;
      font-size: 85%;
      color: #755;
    }

    strong span.covertype_1 {
      color: #467;
      text-transform: uppercase;
    }

    .qty {
      width: 6rem!important;
      max-width: 6rem!important;
      min-width: 6rem!important;
      background: #888;
      text-align: center;
    }
    .qty h5 {
      font-size: .5rem!important;
      font-weight: 300;
      margin: 0 auto!important;
    }
    .qty strong {
      display: block;
      font-weight: 800;
      font-size: 1.3rem;
      color: #333;
    }
    img {
      max-width: 3rem;
        width: 2.4rem;
  max-width: 2.4rem;
  height: 3.6rem;
  /*height: 100%;*/
    }
}



.we_item:hover {
  margin-top: 2px;
  margin-left: 2px;
  background: #234;
}
.we_item:hover .qty {
  background: #555;
}
.we_item:hover img {
  /*filter: hue-rotate(185deg);*/
  filter: invert(90%) hue-rotate(175deg) sepia(80%);
}


.we_item2 {
    margin: .5rem auto;
    border: 4px solid #eee;
    background: white;
    > .quantity {
      width: 3rem;
      max-width: 6rem;
      font-size: 2rem;
      font-weight: 800;
    }
    > img {
        width: 4rem;
        max-width: 4rem;
        min-width: 3rem;
        height: 7rem;
        /*height: 100%;*/
    }
}


.we_item.tiny {
    max-width:100%;
    margin: .5rem;
    background: white;
    
    > .quantity {
      text-align: center;
      color: red;
      border: 5px solid red;
      background: white;
      border-radius: 10px;
      width: 3rem;
      max-width: 6rem;
      font-size: 2rem;
      font-weight: 800;
    }
    > img {
    }
    .pc {
      display: block;
      border: 5px solid dodgerblue;
      background: white;
      border-radius: 10px;
      padding: .5rem;
       font-size: 2rem!important;
       font-weight: 800;
    }

}
.box_dispatch .we_item.tiny {
  max-width: 60%!important;
}

/* DEV HIGHLIGHT ELEMENT */
.dh {
  border: 3px solid red!important;
}



  
  .box_for_print {
    display: block;
    border: 3px solid black;
    margin: .5rem auto;
    padding: .2rem 1rem!important;
    background: #fff!important;
    width:100%;
    img {
      max-width: 3rem;
    }
  }

  .we_item_printable {
    padding: .2rem 1rem!important;
    border: 2px dashed #888;
    /*    max-width: 50%;*/
    width: 100%;
    margin: .2rem auto;
    strong {
      font-weight: 800;
    }
    img:has(+ img) {
      margin-right: .4rem;
    }
  }

.tooltip_1 {
  visibility: visible;
  opacity: 1;
  position: relative;
  display: inline-block;
}

.tooltip_1 .tooltiptext {
  visibility: hidden; 
  width: 140px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px;
  position: absolute;
  z-index: 1;
  bottom: 150%;
  left: 50%;
  margin-left: -75px;
  opacity: 1;
  transition: opacity 0.3s;
}

.tooltip_1 .tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}

.tooltip_1:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}
a + button.tooltip_1 {
  font-size: .7rem;
}


.box_mybook_list_1 {
  background: #ddd; padding: 1rem; margin: 1rem;
  img {
    width: 3rem;
    max-width: 3rem;
  }
  [rel="toolbox"] {
    max-width: 12rem!important;
    width: 12rem!important;
  }
}


div:has(> .btn_copylink), .btn_linkcluster {
  width: 100%;
  height: 2rem;
  margin: .2rem auto;
/*  border: 2px solid red;*/
  border-top-right-radius: 2rem;
  border-bottom-right-radius: 2rem;
  padding: 0;
  display: flex;
  flex-direction: horizontal;
  box-sizing: border-box;
  > * {

    align-content: center;
  }
  > a {
      color: #555!important;
      text-decoration: none;
      i {
        color: dodgerblue;
        margin-right: .3rem;
        margin-left: .3rem;
      }
  }
  > .btn_copylink {
    width: 4rem;
    cursor: pointer;
    padding: .4rem;
    font-size: 1rem;
    border-top-right-radius: 2rem;
    border-bottom-right-radius: 2rem;
    background: #333;
    color: #ddd;

  }
  > .btn_copylink:hover {
      background: #666;
      color: white;
  }
}


.btn_linkimg {
  box-sizing: border-box;
  position: relative;
  background: #565656;
  max-height: 6rem;
  height: 6rem;
  width: 4rem;
  max-width: 4rem;
  padding:.1rem;
  align-content: center;
  span {
    box-sizing: border-box;
    display: block;
    border-radius: 4px;
    background: #444;
  }
  span.onhover {
    display: none;
  }
  img {
    width: auto;
    max-height: 5rem!important;
    height: 5rem!important;
    margin: 0 auto;

  }
}
.btn_linkimg:before {
  content: "";
}
.btn_linkimg:hover {
  span.onhover {
    box-sizing: border-box;
    display: block;
    position: absolute;
    top: 0;
    width: 100%;
    padding: .1rem;
    text-align: center;
  }
}

/* LAST FULL WIDTH OF THE VIEWPORT */

































/*first screen*/

@media screen and (max-width: 55.5em) {

.section_universal {
  width: 100%;
}
.section_universal > [class^="mb_box"], .section_universal > [class^="ws_box"] {
    max-width: 95%;
    width: 95%;
    margin.5rem auto;
    > div {
      width: 100%;
      text-align: center;
      .outstander_item {
        margin: .5rem auto!important;
      }
    }
}

nav.un_flex_hs.un_flex_wrap {
        flex-direction: row;
    }

.un_flex > div {
    padding: .4rem;
}
h1 {
  font-size: 98%;
  width: 95%;
  margin: 1rem auto!important;
}

body h2[id], body h2 {
  background: #444!important;
  color: white!important;
  width: 100%;
  max-width: 100%;
  padding: .5rem 0;
  margin: 1rem auto ;
  span {
    margin-top: .3rem;
  }
  .purchase_button {
    padding: .3rem;
    span.mediumtype, span.price {
      margin: .3rem auto!important;
    }
  }

}

h2[id] span:not(.next):not(.previous) {
/*    background: red!important;*/
    font-size: 1rem;
    display: block;
    margin: 1.5rem!important;
     b {
      font-size: 1rem;
      display: inline!important;
    }
    a {
      display: inline-block;
      width: 90%!important;
      margin-bottom: .4rem;
    }
  }
h2[id] {
  position: relative;
}
h2[id] span a.outstander_item {
/*  max-width: 30%;*/
  scale: .8;
  width: 70%!important;
  display: block;
  float: none;
  position: relative;

  margin: .5rem .3rem .3rem auto;
  
}

#placeholder_main {
  width: 100%;
    padding: .5rem!important;
}
    article {
      width: 100%!important;
      padding: .2rem;
    }
    article .un_widefull, article ul, article>h1, article>h2, article>h3 {
        width: 95%;
        margin: 2rem auto .3rem;
    }

    section{
      width: 100%;
      max-width: 100%!important;
      margin: .2rem auto;
      padding: .2rem;
      box-sizing: border-box;
    }

    h2[title] {
      margin: .5rem auto;
    }
[rel="title"] {
  word-break: break-word;
  font-size: 1rem;
  padding: .5rem!important;
/*  color: red!important;*/
}

    .box_universal .un_flex {
      text-align: center;
    }
    .ws_item_cart_1 {
      flex-direction: column;
      > div {
        width: 100%!important;
        max-width: 100%!important;
      }


    }
    .ws_box_cartcontent {
        ul {
          padding: 0;
        }
        ul li {
          /*    text-decoration: none;*/
          list-style-type: none;
          margin: .5rem 1rem;
          text-align: center;
          a {
            font-size: 1.2rem;
          }
      }
    }

    body > .ws_notice, .ws_notice {
      width: 95%;
      margin: .5rem auto;
    }


    .ws_title {
        flex-direction: column;
        width: 100%!important;
        padding: 0!important;
        text-align: center;
        > div {
          width: 100%!important;
          padding: 0!important;
        }
        > div:first-of-type {
          text-align: center!important;
        }
        h2 {
          color: white!important;
          text-align: center!important;
          padding: .5rem;
          margin: .5rem auto 0!important;
        }
        p {
          text-align: center;
        }
        .ws_btn_filter_3:not(.ws_hoverswitch) {
          font-size: 80%;
          min-height: 2rem!important;
          height: 2rem!important;
          i, svg {
            display: none;
          }
        }
    }





    .box_universal .box_emphased,
    .box_universal .mb_simplebox,
    .box_universal .box_emphased.half {
      max-width: 95%;
      width: 100%;
      box-sizing: border-box;
    }
    .box_universal {
      padding: 0;
    }
    .ws_address, .ws_item_cart {

      > div:nth-of-type(1) {
        max-width: 100%;
      }
    }

    .box_promo, .mb_simplebox   {
      width: 95%;
      margin: 2rem auto .2rem!important;

      .mb_thumb {
        width: 100%!important;
          max-width: 100%!important;
        margin: .1rem auto;
        img {
          width: 100%!important;
          max-width: 100%!important;
        }
      }
      /*      .purchase_button:first-of-type {
        background: red!important;
      }
      .purchase_button:nth-of-type(2) {
        background: green!important;
      }
      .purchase_button {
        
      }*/
    }


    .ws_cart_content {
      span {
        display: block;
      }
    }
    .ws_box_cartcontent {
        ul {
          padding: 0;
        }
        ul li {
          /*    text-decoration: none;*/
          list-style-type: none;
          margin: .5rem 1rem;
          text-align: center;
          a {
            font-size: 1.2rem;
          }
      }
    }



    .box_universal, .box_products, .segment_universal    {
      padding: 0.3rem;
      max-width: 100%;
      width: 95%;
      margin: .2rem auto;
      align-content: center;

    }


    .box_universal .box_emphased {
      width: 95%!important;
      max-width: 100%!important;
      padding: 0;
      margin: 1rem auto;
    }
    .box_universal .box_emphased h3 {
      padding-bottom: .5rem;
    }
}


.mb_box_dim_0 {
  opacity: .3;
}

.mb_box_dim_0:hover {
  opacity: .8;
}


.mb_box_dim_4 {
  opacity: .3;
}

.mb_box_dim_4:hover {
  opacity: .8;
}











/*gavagai #2 sekcja*/
@media screen and (max-width: 55.5em) {


    .section_cart {
      > div:first-of-type {
        order: 2;

      }
      > div:last-of-type {
        order: 1;
      }
    }

    .un_form_4 {
          input[type="text"], textarea {
            background-color: #eff!important;
            padding: .3rem;
            font-size:1.2rem;
            font-weight: 400;
          }
        input[type="text"]:focus, textarea:focus {
            background-color: #fff!important;
          }


        div:has(button[type="submit"]) {
    /*        background: red;*/
            text-align: center;max-width: 100%!important; width: 100%!important; margin: 1rem auto 3rem!important;
        }
        button[type="submit"] {
          margin: .2rem auto; 
          max-width: 70%!important; 
          width: 70%!important;
          display: block;
        }

    }


    .mb_simplebox .links a {
/*      border-left: 2px solid red;*/
    }




    .mb_simplebox {
      width: 95%;
      max-width: 100%;
      min-width: 15rem;
      border: 2px solid #eee;
      flex-direction: column;

    }
    .mb_simplebox div {
      padding: 0.2rem;
    }
    .mb_simplebox .links {
      text-align: center;
      text-indent: 0important!;
    }
    .mb_simplebox .links a {
      display: block;
      margin: .3rem auto!important;
    }
    .mb_simplebox > div:first-of-type {
      display: contents!important;
      margin: .1rem auto;
      width: 100%!important;
    }
    .mb_simplebox:not > div:first-of-type img:not([rel="relatedbook"]) {
      margin: .1rem auto;
      width: 10rem!important;
      max-width: 100%!important;
      height: 14rem!important;
      max-height: 14rem;
    }




    .mb_bookstore_deals div:nth-of-type(2) {
      min-width: unset;
    }


    .un_flex_even, .un_flex_wrap {
    text-align: center;
    align-content: center;
        > .mb_simplebox {
          margin: 1rem auto!important;
          width: 97%!important;
        }
    }

    .sw_table {
    display: flex!important;
    flex-direction: column;
    width: 100%!important;
    min-width: 50%!important;
    margin: .2rem auto;
    padding: 0.1rem;
    div, div:first-of-type {
      max-width: 100%!important;
    }
    [rel="purch-link"] {
      word-break: break-all;
    }
    > div, > div:first-of-type {
      width: 95%!important;
      max-width: 96%!important;
    }
    div {
    padding: 0;
      display: block;
    }

    > div > div:first-of-type, > div > div {
        width: 100%!important;
        display: block!important;
    }
    }




    footer {
        flex-direction: column!important;
        width: 100%;
        max-width: 100%;
        overflow: hidden;
        padding: 0;
        h3 {
          margin: .5rem auto;
          text-align: center;
        }
        h3 img {
          display: block;
          width: 20%!important;
          margin: .5rem auto!important;
        }
        h5 {
              text-align: center;
        }
         > div {
          border-top: 3px solid #444;
          width: 100%;
          max-width: 100%;
          margin: .2rem 0!important;
          padding: 0!important;
        }
        > div div {
          text-align: left;
        }
        > div h4, > div a {
          width: auto!important;
          max-width: 80%;
          margin: .4rem auto;
          padding: 0 0!important;
        }
        > div h4 {
            margin: 1rem auto 1.6rem!important;

        }
        hr {
          width: 50%;
          margin-top: 1rem;
        }
        p.meta {
          text-align: center;
          text-indent: 0;
          text-wrap: balance;
        }
    }

    .box_purchaselinks > div {
      width: 100%;
      max-width: 100%;
      text-align: center;
    }
    .thumb3d {
      width: 70%;
      height: auto;
      margin: 0 auto;
    }
    .box_purchaselinks img {
      box-shadow: 7px 7px 5px 0px rgba(50, 50, 50, 0.75);
    }
    .box_submit {
      flex-direction: column;
    }
    .box_products > div {
      width: 100%;
      max-width: 100%;
    }
    .text_intro {
      width: 90%;
      margin: .2rem auto 1rem;
      font-size: 1.2rem;
      /*color: red;*/
    }

.segment_universal:has(.mb_simplebox) {
    padding: .8rem;
}

    .box_universal, .box_products, .segment_universal    {
      padding: 0.3rem;
      max-width: 100%;
      width: 97%;
      margin: .2rem auto;
      align-content: center;
  /*    background: red;*/
    }
    .box_universal .box_emphased {
      width: 95%!important;
      max-width: 100%!important;
      padding: 0;
      margin: 1rem auto;
    }
    .box_universal .box_emphased h3 {
      padding-bottom: .5rem;
    }


    .segment_universal .mb_simplebox {
      width: 100%;
    }


    .mb_popbox.hint {
      height: 90%;
      width: 90%;
      padding: .5rem;
      h3 {

    font-size: 1.2rem!important;
      }
      ul {
        border: 2px solid #aaa;
        border-radius: 5px;
        background: #fdfdfd;
        padding: 1rem;
        padding-left: 2rem;
        width: 95%;
      }
    }


    .mybook {
      width: 100%;
/*        border: 2px solid red;*/
       > div:first-of-type {
/*        background: blue;*/
        width: 90%!important;
        min-width: 90%!important;
        img {
          max-width: 100%;
        }
      }
     }

    .mb_adage {
      width: 100%;
      padding: .2rem;
      margin: .2rem auto;
      img {
        width: 20%;
      }
      h4 {
        font-size: .7rem;
      }
      [rel="content"] {
        font-size: 1.5rem;
        padding: 2rem 1rem 2rem 3rem;
    /*    padding-left: 3rem;*/
      }
      [rel="content"]:before {
            margin-left: -2.3rem;
            margin-top: -60px;
            content: "„";
            font-weight: bold;
            font-size: 4rem;
      }
    }


    .un_flex.un_flex_hc {
      flex-direction: column;
    }

    .ws_title_flat {
        margin-top: .4rem!important;
        > div:nth-of-type(2) {
          height: auto;
        }
        h2 {
          margin: .2rem auto;
          padding: .2rem;
        }

    }



    [rel="buttons"] {
      width: 100%;
      min-width: 100%;
      display: flex;
      flex-direction: row;
      > a, .medium.purchase_button {
        width: 45%!important;
        max-width: 45%!important;
        min-width: 10%!important;
      }
/*      background: blue;*/
    }
    [rel="buttons"]:has(span) {
      flex-direction: row;
      flex-wrap: wrap;
      align-items: normal;
      > * {
        margin: .5rem;
      }
      > a {
        min-width: 45%;
        align-content: center;
      }
      > div {
        width: max-content !important;
        display: inline-block;
        align-content: center;
        font-size: 80%!important;
      }
    }

    .mb_bookvision {
      width:100%;
      p {
        padding: .5rem 1rem!important;
        font-size: 1.2rem;
        text-wrap: pretty;
      }
    }


    .mb_motto {
      width: 95%;
      font-size: 1.3rem;
      text-align: justify!important;
      > * {

        text-align: justify!important;
      }
    }

    .mb_box_sample  {
      flex-direction: row!important;
      > div:first-of-type {
        width: 65%;
      }
      > div:last-of-type {
        width: 30%;
      }
      div, p {
        text-wrap: balance;
      }
    }
    .dt_block {
      width: 95%;
      margin: 1.5rem auto .5rem;
      > div {
        max-width: 100%;
      }
    }


    .mb_box_podcast, .box_general1 {
      width: 95%;
      min-width: 95%;
      max-width: 95%;
      margin: 1rem auto!important;
      h3 + nav {
        scale: .8;
      }
      .title {
        font-size: 1.4rem!important;
      }
      .un_flex {
        flex-direction: column;
        margin: 1rem auto;
/*        border: 1px solid red;*/

      }
      .un_flex > div {
        padding: .1rem;
        margin: .2rem!important;
        img {
          margin: .2rem!important;
        }
      }
      div:has(> a img) {
        background: #ccc;
      }
      p {
        text-align: justify;
/*        text-wrap: pretty;*/
      }
      .box_mybook1 .un_flex_hs {
        flex-wrap: wrap;
        flex-direction: row;
        .mybook_desc {
          max-width: 75%!important;
        }
      }
    }

    .mb_box_header {
      > img {
        margin: 0.2rem auto;
      }
      > [rel="links"] {
        width: 100%;
      }
    }


    .box_topnavtriple {
      align-content: center;
      align-items: center;
      > div {
        max-width: 90%;
        width: 90%;
      }
    }



    .mb_gallery_artphoto {

      > div {
        max-height: 10rem;
        max-width: 100%;
        height: auto!important;
        margin: 1rem;
      }
       a, i  {
        height: 100%!important;
        max-height: 100%!important;
      }
    }

    .sw_gallery {

          align-content: center;
          align-items: center;
    }

    .mb_box_sample_2 {
      width: 95%;
      max-height: auto!important;
      > div {
        padding: .1rem;
      }
      > div:last-of-type {
        width: 100%!important;
        max-width: 100%!important;
      }
    }

.box_promo {
  width: 100%!important;
}

.outstander_item.medium {
  font-size: 90%;
  display: inline-block;
  word-break: break-word;
}

.box_universal ul {
    padding-left: 0.5rem;
    li {
      text-align: justify;
      padding-left: 0;
    }
    .outstander_item  {
      max-width: 100%;
      display: block;
    }
}

.ws_info_bottom {
  > div > div {
    width: 100%!important;
  }
}


.un_communique_2 {
  width: 95%;
  margin: 1rem auto;
}

.panel_supporter {
  width: 100%;
  > div {
    width: 100%!important;
    min-width: 100%!important;
  }
}

strong.outstander_item {
  font-size: 80%!important;
  font-weight: 400;
/*  color: red!important;*/
}


.menu_supporter {
  > div a {
    min-width: 50%;
  }
  > div.half {
    
    min-width: 100%;
  }
}

.mb_box_uni {
    width: 90%!important;
    max-width: 90%;
    box-sizing: border-box;
/*    overflow: hidden;*/
    min-width:90%;
    > .box_control, > div:nth-of-type(2) {
      width: 100%;
      max-width: 100%;
    }

}

    .mb_podcasts {
      width: 100%;
      > div {
        max-width: 100%;
        width: 95%;
        text-align: center;
        margin: .3rem auto;
        > * {
        max-width: 100%;
        .outstander_item, audio {
          display: inline-block;
          max-width: 100%!important;
        }
        }
      }
    }
    p:has(audio) {
      text-indent: 0;

    }
    audio {
      text-indent: 0;
      scale: .8;
      box-sizing: border-box;
      width: 100%!important;
      max-width: 100%!important;
    }
    .mb_box_podcast {
          .outstander_item {
          display: block!important;
          max-width: 100%!important;
          margin: .2rem auto;
        }
        p {
          display: block;
        }
    }

    .box_mybook1 {
      max-width: 100%;
      background: #333;
      color: white;
      font-size: 1rem;
      border: 0 solid #333 !important;
      text-align: center;
      div:has(> img) {
        width: 20%!important;
        max-width: 20%!important;
        img {
          max-width: 100%;
          margin: 0!important;
        }
      }
      > a {
          position: relative;
          top: unset;
      }
      > a:last-of-type {
        top: unset;
      }
      > .un_flex {
      border: 0 solid #333 !important;
      margin: .1rem auto!important;
      > div {
        align-content: center;
      }
      }

      a {
        display: block;
        width: 100%;
        color: white;
        display: block;
        text-wrap: balance;
        text-decoration: none;
      }
      h5  {
        font-size: .8rem;
        color: #bbb;
      }
    }


    .ws_entrylist {
      a {
        word-break: break-all;
      }
    }
    .mb_list_entry {
      .outstander_item {
        max-width: 90%;
      }
    }

    .sc_page {
      width: 91%;
      margin: 1rem auto;
      overflow-x: hidden
      h3 {
        font-size: 1.2rem!important;
      }
      p, ul li {
        text-wrap: pretty;
        font-size: 1rem!important;
        a {
          word-break: break-all;
        }
      }
    }

    .mb_box_purchaselink { 
      max-width: 100%!important;
      width: 95%!important;
      margin: .5rem auto;

    }

    .mb_method {
        box-sizing: border-box;
        max-width: 100%!important;
        h3 {
        box-sizing: border-box;
        max-width: 100%!important;
        }
        .outstander_item {
          font-size: 90%;
          font-family: "Ubuntu Condensed";
        }
        form input {
          max-width: 100%!important;
        }
    }


    .sw_deal {
      width: 100%;
      max-width: 100%!important;
    }


    .mb_bookgallery  {
      flex-direction: row!important;
      > div {
        max-width: 45%!important;
        width: 40%;
        padding: .2rem;
      }
    }


    .mb_blurb {
      padding: .5rem;

      width: 95%;
      margin: .5rem auto;
      font: italic 300 1.2rem 'Roboto';
      /*font: italic 700 1.5rem 'Open Sans';*/
    }

    .un_flex_wrap {
      align-items: center;
      > .mb_box_sample {
        width: 90%;
      }
    }

  .un_flex .box_inspire2 {
    max-width: 100%;
    min-width: 90%;
  }
  .mb_box_sample {
    max-width: 95%!important;
    width: 95%;
    box-sizing: border-box;
  }



  .mb_content_presenter_2.un_flex_even {
    flex-direction: column;
    margin: .1rem;
    width: 100%;
    box-sizing: border-box;
    max-width:95%;
    > div {
      width: 100%;
      max-width: 100%!important;
      margin: 0;
      padding: .1rem;
      box-sizing: border-box;
    }
    h3, .ws_notice  {
      max-width: 100%;
      width: 90%!important;
    }
    .ws_notice {
      font-size: 90%;
    }
    form {
      box-sizing: content-box;  
      max-width: 95%;
      margin: 0 auto;
    }
    form input {
      box-sizing: content-box;
      max-width: 95%!important;
      font-size: 1rem;
      width: 95%!important;
      padding: .2rem;
      font-weight: 300;
      margin: .1rem auto;
    }
  }
  ol li a {
    max-width: 90%;
  }
  .box_products {
    box-sizing: content-box;
    a {
      width: 90%;
      max-width: 95%;
    }
  }


    .box_trifold {
      h2 {
        width: 90%;
      }
      .box_products > div {
    /*    margin: 1rem;*/
        width: 90%!important;
        max-width: 90%!important;
        background: white;
      }
    }


    .mb_description p {
      width:100%; 
      text-align:justify;
      font-size: 1.15rem;
    }


  body > p {
    background: #f6f6f0; 
    padding: 1rem; 
    width: 90%; 
    margin: 1rem auto;
  }


   .mb_box_subbox2 {
    max-width: 100%;
    padding: .5rem; 
    border: 3px solid #777; 
    margin: .4rem; 
    border-radius: 10px;
    p {
      font-size: 90%;
    }
  }

  .mb_gallery_panels {
    width: 100%;
    margin: 1rem auto;
    background: #fefefe;

    .gallery_panel_1, > div {
      width: 100%;
      max-width: 95%;
      ul {
        max-width: 100%;
      }
    }
  }


    .ff_box_acolyte {
      padding: .2rem!important;
      width: 95%!important; 
      max-width: 95%!important; 
      min-width: 95%;
      box-sizing: border-box;
    /*  overflow-x: hidden;*/
      > div {
        box-sizing: border-box!important;
        position: relative;
        > * {
          max-width: 100%;
        }
      }
      h4 {
        max-width: 95%!important;
        width: 80%;
        margin: .2rem auto;
        font-size: 1rem;
      }
      .box_control {
        h3 {
          max-width: 100%!important;
          min-width: 100%!important;
          width: 100%;
        }
      }
      > .box_control:nth-of-type(1){
        width: 100%;
        max-width: 100%; 
      }
      > .box_control:nth-of-type(2){
        max-width: 100%; 
        min-width: 100%;
      }
    }


    .box_control {
      > * {
        max-width: 100%;
        box-sizing: border-box;
      }
    }



    .mb_stats_table {
      box-sizing: border-box;
      h3, h4 {
        box-sizing: border-box;
        max-width: 100%;
      }
      .stat_line {
        text-align: center;
        font-size: 1rem;
        
        a {
          color: white;
        }
        a.count {
          float: none;
          display: block;
          min-width: 4rem;
          background: #999;
          text-align: center;
        }
      }
    }

.plate_mybook_1 {
  box-sizing: border-box;
  max-width: 95%!important;
  margin: .3rem auto;
  img {
    width: 50%!important;
  }
  * {
    box-sizing: border-box;
    max-width: 100%!important;
    width: 95%!important;
  }
  p {
    padding: 0.1rem!important;
    width: 95%;
  }
}



.ff_box_address {
  box-sizing: border-box;
    h5 {
      background: #6699cc;
      color: white;
      max-width: 100%!important;
      width: 100%;
    }
    padding: 0;
    margin: 0.2rem;
    background: #fafafa !important;
    border: 4px solid #6699cc;
    border-radius: 10px;
    font-family: "Exo 2";
    font-size: 1.5rem;
    font-weight: 800;
    text-align: center!important;
    color: #3368ff;
}


.listitem {

  strong {
    font-family: "Ubuntu Condensed", sans-serif;
  }
}

.cart_total {
    height: 3rem;
}

.ws_relatedbook {
  box-sizing: border-box;
  margin: .1rem;
}

.box_emphased_3 {
  width: 90%;
 
  font-size: 1.3rem;
}


:has(> .mb_box_sample_summary) {
  display: none!important;
  width: 100%;
  flex-wrap: wrap;
  margin-bottom: 1rem;
  flex-direction: row!important;
  .mb_box_sample_summary {
    width: 45%;
    max-width: 45%;
    box-sizing: border-box;
    flex-direction: column;
    > div {
      width: 100%!important;
      max-width: 100%!important;
    }
  }
}

.mb_insertion {
  padding: .2rem;
  font-size: .9rem;
  h3 {
  font: normal 800 1rem 'Nunito'!important;

  }
  .un_flex > div {
    padding: 0.2rem;
  }
  p {
    font: normal 400 1.1rem 'Calibri';
  }
}

  .mb_recommendation {
    padding: 0rem;
    margin: .2rem auto;
    width: 90%;
  }
  .mb_recommendation p {
    margin: .2rem;
  }


.mb_episode_features {
    > div {
        width: 100%!important;
        max-width: 100%!important;
    }
}

.mb_box_bar_1 {
/*  background: green;*/
  width: 95%;
  max-width: 100%!important;
  min-width: 80%!important;
  box-sizing: border-box;
  h4 {
    height: auto;
    > a {
      float: none;
      margin: .2rem auto!important;
      display: block;
    }
  }
  > div {
    flex-wrap: wrap;
    flex-direction: row;
  }
  audio {
    display: block;
    width:100%; 
/*    background: red;*/
  }
}

.mb_footnote {
  [rel="qrcode"] {
    width: 100%;
    max-width: 100%;
    text-align: center;
  }
}

}

@media print {
  .box_tribephotos_qr {
    /*    display: table;*/
    page-break-inside: avoid;
  }
}