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

div {
  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 {
  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;
  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;
  width: 90%;
}
h2 span a {
  color: dodgerblue;
  font-size: inherit;
  font-weight: inherit;
}
h2 span a:hover {
  color: #eee;
  font-size: 1rem;
  font-weight: 300;
}
body > h2:first-of-type {
  margin-top: 0;
}
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;
  color: white;
  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;
}

h2:has(> div.icon) {

    word-break: break-word;
  > div:has(>i) {
    width: 12rem;
    max-width: 12rem!important;
    min-width: 12rem!important;
    text-align: center;
  }
  div:has(span) {
    font-size: 2.3rem;
  }
  span {
    font-size: 1rem;
    word-break: break-word;
  }
  div>i {
    font-size: 4rem;
  }
  .ws_notice_micro  {
    text-align: justify;
    font-weight: 400;
    word-break: break-word;
  }
} 

h3, h4 {
  > span {
    display: block;
    font-size: 70%;
  }
}

h4 {
  font-size: 1rem;
}



.un_flex > div {
  padding: 1rem;
}




section {
  box-sizing: border-box;
  width: 100%;
  min-width: 100%;
  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;
}

div:has(.mb_entry_list_1) {
  margin: 1rem auto;
  width: 90%;

}


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

div[rel="admin"], nav[rel="admin"] {
    padding: .4rem;
  
    border: 1px solid yellow;
    border-left: 4px solid yellow;
    img {
      max-width: 100%!important;
    }

}
/* 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.hover {
  opacity: .2;
  position: absolute; 
  right: 5px; top: -3rem; 
  width: 30rem;
}
nav.hover:hover {
  opacity: 1;
}



[rel="topbar"] {
  margin: .2rem;
  opacity: .21;

}
[rel="topbar"]:hover {
  opacity: 1;
  
}

#admin-status-bar {
  opacity: .2;
}
#admin-status-bar:hover {
  opacity: .8;
  z-index: 1000;
}
[rel="admintools"] {
  position: absolute;
  top: -30px;
  right: 5px;
  background: #eee7!important;
  padding: .5rem;
  border: 2px solid yellow;
}

[data-load] {
  border: 2px solid dodgerblue!important;
  border-left: 8px solid dodgerblue!important;
  background: #222!important;
  border-radius: 8px;
  text-decoration: none;
  color: white;
}

[data-load]:before {
  content: "►";
  color: white;
  margin-right: .4rem;

}

[data-load]:has([data-status="1"]):before {
  content: "►";
  color: rgba(61, 215, 61, 0.91);
  
  border-left: 8px solid rgba(61, 215, 61, 0.91)!important;

}

nav [data-mode="listening"] {
  a:has(>count) {
    count {
      background: #666!important;
      border-bottom: 2px solid yellowgreen!important;
      border-top-color: #222;!important;
    }
  }
}

.nav [data-mode="reading"] {
  
    count {
      background: #666!important;
      border-bottom-color: #222;!important;
      border-top: 3px solid orangered!important;
    }

}

.nav [data-mode="listening"] {
  
    count {
      background: #666!important;
      border-top-color: #222;!important;
      border-bottom: 3px solid yellowgreen!important;
    }

}


.status_value:has(["data-status=0"]) {
  color: red;
}
.status_value:has(["data-status"=1]) {
  color: greenyellow;
}

[data-status="1"] {
    background: greenyellow;
    color: #555;
    padding: .3rem;
}
[data-status="0"] {
    padding: .3rem;
    background: orangered;
    color: #555;
}


[data-owns="1"] {
    background: greenyellow;
    color: #555;
    padding: .1rem;
    margin: .1rem auto;
}
span[data-owns="1"] {
  border-radius: 4px;
  scale: .7;
  font-size: .8rem;
}
[data-owns="0"] {
    padding: .1rem;
    background: orangered;
    color: #555;
    margin: .1rem auto;
}


[data-statusstep="1"] {
  display: inline-block;
    background: orangered!important;
    color: #555;
    padding: .3rem;
}
[data-statusstep="2"] {
  display: inline-block;
    padding: .3rem;
    background: green!important;
    color: #555;
}

[data-statusstep="3"] {
  display: inline-block;
    padding: .3rem;
    background: greenyellow!important;
    color: #555;
}

span[data-willnotify="1"] {
  border: 1px solid yellow;
  border-left: 4px solid yellow;

}


*:has(>count) {
  width: 100%;
  box-sizing: border-box!important;
}

span:has(>count) {
    border: 1px solid #666;
    width: auto;
    color: black!important; 
    display: inline-block!important;
    padding-left: .2rem;
    [data-status="1"] {
      padding: .2rem;
    }
}


  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: #5557!important;
    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="admin"]  {
    word-break: break-all;
    word-wrap: break-word;
}


div[rel="toolbox"] {
  > button {
    margin: .1rem; 
    padding: .1rem;
    scale: .4;
    width: unset;
  }
}



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

*:has(>[rel="date"]) {
  width: 100%;
  margin: .2rem;
  background: #333;
  color: white;
  text-align: center;
}


.stat_line, .mb_stat_line_1 {
    position: relative;
    align-content: center;
    text-align: left;
    background: #555;
    color: white;
    margin: .2rem;
    padding: .1rem!important;
    font: normal 500 1.1rem 'Exo 2'!important;
    h3,h4,h5 {
      color: white;
      text-align: left;
    }
    h4, h5 {
      margin-bottom: .1rem;
    }
    h5 a {
      margin: .2rem .2rem!important;
      font-size: 90%;
    }
    div[rel="toolbox"] {

  /*    background: red;*/
    }
    div:has(cite) {
      padding: .3rem .6rem;
      color: #9ab; font-size: 80%;
        cite {
            color: white;

            font-weight: 600;

        }
        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;
        }

    }
    a:has(i) {
      display: inline-block;
      margin: .1rem .2rem;
      padding: .1rem .2rem;
      background: #333;
      color: white;
      border-radius: 4px;
      font-size: .8rem;
      text-decoration: none;
    }
    a:has(i):hover {
      background: #111;

    }
    a:has(count) {
      font-size: .7rem;
    }
    img {
      display: inline-block;
      height: 2.5rem;
      max-height: 100%;
      margin: 0;
      width: auto;
      /*margin: .1rem!important;*/
    }
    > img {
      flex: 1 1 5rem;
      width: 5rem;
      height: auto;
      max-height: 8rem;
      max-width: 4rem;
      width: 2rem;
    }
    [rel="toolbox"] {
      background: #444;
      padding: .2rem;
      width: 10rem;
      max-width: 10rem;
      min-width: 10rem;
      text-align: center;
      align-content: center;
      box-sizing: content-box;
      > div {
        font-size: .8rem;
        text-wrap: balance;
      }
      a, button {
        display: block;
        font-size: .8rem;
        width: 90%;
        padding: .2rem;
        margin: .4rem auto .2rem;
        background: #666;
        color: white;
        scale: .9;
      }
      a:hover, button:hover {
        background: #222;
        color: dodgerblue;
      }
    }
    .thankyou {
      display: none;
    }
    .willnotify {
      display: none;
      border: 2px solid yellow;
      background: #444;
      padding: .2rem;
      color: yellow;
      font-size: .8rem!important;
      text-align: center;
    }
}

.mb_stat_line_1:has(span[data-willnotify="1"]) {

     .willnotify {

        display: block;
     } 

}

.mb_stat_line_1:has(span[data-owns="1"]) {
    background: #464;
     [rel="toolbox"] {
        /*background: #464;*/
     }     
     .thankyou {

        display: block;
     } 

}

.stat_line:hover, .mb_stat_line_1:hover {
  background: #666;
}
.mb_stat_line_1:has(count) {
    a:has(> count) {
        display: inline-block;
        width: auto;
        height: 1.8rem!important;
        background: #666!important;
        count{
        height: 1.8rem!important;

        }
    }
    a:has(> count):hover {
        background: #333!important;

    }
}


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

    }
    .count, count {
      background: dodgerblue;
      color: white;
      padding: .3rem;
    }
    a:has(i) {
      display: block;
      color: white;
    }
    img {
      display: inline-block;
      height: 2.5rem;
      max-height: 100%;
      margin: 0;
      width: auto;
      /*margin: .1rem!important;*/
    }

    > img {
      flex: 1 1 4rem;
      width: 4rem;
      height: auto;
    }
    [rel="toolbox"] {
      padding: .2rem;
      width: 8rem;
      max-width: 8rem;
      text-align: center;
      align-content: center;
      box-sizing: content-box;
      a, button {
        display: block;
        font-size: .8rem;
        width: 90%;
        margin: .2rem;
        background: #666;
        color: white;
      }
    }

}




a:has(>count), a:has(>.count) {
  /*  */
  count, .count {
    background: #666!important;
    /*border-bottom: 2px solid yellowgreen!important;*/
  }
}


*:not(a):has(> [rel="count"])  {
  position: relative;
  display: flex;
  padding: 0;
  padding-left: 1rem;
  font-size: 1rem;
  font-weight: 500;
  background: #efefef;
  border-radius: 5px;
  height: 3rem;
  align-content: center;
  align-items: center;
  > [rel="count"] {
    height: 2rem;
    width: 3rem;
    max-height: 2rem;
    border-radius: 0 5px 5px 0;
    padding: .5rem;
    align-items: center;
    background: #555;
    color: white;
    font-weight: 700;
    margin: 0;
    margin-left: auto;
    display: inline-block;
    align-content: center;
    text-align: center;
    /*float: right;*/

  }
}


a:has(> count),a:has(> .count)   {
  position: relative;
  display: flex;

  /*display: inline-block;*/
  padding: 0;
  padding-left: .7rem!important;
  font-size: .9rem;
  font-weight: 500;
  font-family: "Ubuntu Condensed";
  background: #efefef;
  border: 0px solid #666;
  border-radius: 5px;
  height: 3rem;
  align-content: center;
  align-items: center;
  text-decoration: none;

  transition: all .5s ease-in-out;
  > count, > .count {
    height: 3rem;
    width: 2.5rem;
    max-height: 3rem;
    border-radius: 0 5px 5px 0;
    padding: .5rem;
    /*margin-left: .5rem!important;*/
    align-items: center;
    background: dodgerblue;
    color: white;
    font-weight: 700;
    margin: 0;
    margin-left: auto;
    display: inline-block;
    align-content: center;
    text-align: center;
    /*float: right;*/
        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;

  }
}
a:hover:has(> count), a:hover:has(> .count) {
  background: #555;
  color: #fefefe;
  count {

    background: #257cd0;
  }
}

.nav:has(.anch_anchor) {

  a {
    margin: .1rem .2rem;
   }
}


.box_universal:has(count) {
  > div:has(>count) {
  max-width: 30%; 
  background: #444; text-align: center; align-content: center;

  }
}


.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;
}


nav.mb_bookmenu {
    width: 90%!important;
    margin: .1rem auto;
    background: rgba(185, 185, 185, 0.2);
    color: #555;
    a {
        margin: .3rem .2rem!important;
        display: inline-block;
    }
}



.mb_bookvision {
  background: #444;
  color: white!important;
  padding-bottom: 3rem;
   h5 {
    margin: 1rem!important;
    padding-top: 1rem!important;
    color: #666!important;
  }
   p {
    color: white!important;
    background: #444!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;
  }
}


  .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';*/
  background: #efefef;
  
  width: 90%;

  li {
    text-align: left;
    margin: .8rem auto;
  }
}
.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;
}
 .mb_bookvision.mb_description p {
    color: #444;!important
  }

.mb_item, [rel="item"] {
  >div:first-of-type {
    border: 1px solid greenyellow;
    text-align: center;
    > * {
      margin: .2rem .1rem!important;
      padding: .1rem!important;
      width: 95%!important;
    }
  }
}

.mb_motto {
/*    color: red!important;*/
    
    text-wrap: balance;
    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;
      font-style: italic;
    }
}
.mb_motto.large {
    font-size: 3.4rem;
    font-weight: 300;
    font-family: "Open Sans", sans-serif;
    font-style: italic;
}


  .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;
  }



.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_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 .open {
  font-size: 2rem;
  margin: .5rem auto;
  display: block;
}

  .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;

}


.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;*/
   }
  }


.box_fileslide {
  margin: .3rem; display: flex; 
  border: 2px solid #666;
}
.box_fileslide.wholebook {

  border: 4px solid dodgerblue;
  border-radius: 5px;
}
.box_fileslide.foreword {

  border: 2px solid greenyellow;
}

.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;
}



/* ######################################### */
/*  OBJECTS, LISTS */
/* ######################################### */

.mb_list_entry, .mb_entry_list_1 {
  padding: 0.4rem!important;
  background: #666;
  color: white;
  margin: .2rem;
  border: 2px solid dodgerblue;
  > div{
    padding: 0;
  }
  [rel] {
    padding: .2rem;
    margin: .2rem .4rem!important;
    background: blueviolet;

  }
  [rel="parameter"] {

    background: #555;
    color: dodgerblue;
    font-weight: 800;
    padding: .4rem;
  }
  [rel="status"] {
    display: inline-block;
    min-width: 3rem!important;
    width: 3rem;
    text-align: center;
    background: #777;
    color: white;
  }
  [rel="status"].warning {
    color: red;
    border: 1px solid red;

  }
  [rel="status"].active {
    color: greenyellow;
    border: 1px solid greenyellow;

  }
  [rel="status"].unset {
    color: dodgerblue;
    border: 1px solid dodgerblue;

  }
}



[rel="parameter"]:has(>[data-status]) {
    align-content: center;
    color: dodgerblue;
    display: flex;
    color: #666;
     background: #eee;
     flex-wrap: wrap;

  > [data-status] {
    margin-right: 0;
    margin-left: auto;
  }
    [data-status] {
      color: #aaa!important;

      border-left-color: orangered;
    }
    [data-status]:before {
      color: orangered!important;
      background: #fff;
      padding: .5rem;
      border-color: orangered;
      border-radius: 2px;
      content: "NIe";
    }
    [data-status="1"] {
      color: #aaa!important;
      border-left-color: greenyellow;

    }
    [data-status="1"]:before {
      color: greenyellow!important;
      border-color: greenyellow;
      border-radius: 2px;
      content: "TAk";
    }
}
[rel="parameter"]:has(>[data-status="1"]) {
  color: yellow;

}





.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;
}


.mb_served_uploadedfile, .mb_served_externallink {
  border: 4px solid #555;
  padding: 0;
  border-radius: .5rem;
  width: 80%;
      margin: 2rem auto;
      background: white;
}
.mb_served_filebunch {
  width: 100%;
  text-align: center;
  background: #fafafa;
    .mb_served_externallink {
        width: 80%;
        border: 5px solid #333;
      > div {
        padding: 2rem;

      }
      >div:has(>a) {
        box-sizing: content-box;
        border-radius: .5rem 0 0 .5rem;
        width: 30%!important;
        max-width: 30%;
        min-width: 30%;
        /*background: red;*/
        background: #fafafa;
        align-content: center;
      }
      div:has(h3) {
        text-align: left;
      }
      h3 {
        font-size: 130%;
      }
    }
    .mb_served_uploadedfile {
      width: 80%;

      > div {
        padding: 2rem;

      }
      >div:has(>a) {
        box-sizing: content-box;
        border-radius: .5rem 0 0 .5rem;
        width: 30%!important;
        max-width: 30%;
        min-width: 30%;
        /*background: red;*/
        background: #fafafa;
        align-content: center;
      }
      div:has(h3) {
        text-align: left;
      }
      h3 {
        font-size: 130%;
      }
    }
}

section:has(.mb_served_filebunch) {
  margin: 1rem auto;
  /*background: red;*/
    > div {

    }
  .mb_served_filebunch {
    width: 90%!important;
    margin: 2rem auto;
    border: 3px solid #999;
  }
}




/* *****************************************  */
/*  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;
}



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

.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;
    }
    h2, h3 {
      text-align: center;
      font-size: 2.3rem;
    }
    h3 {
      width: 100%;
      padding: .3rem;
      background: #666;
      color: #eee;
      font-size: 1.2rem!important;
        a {
          color: #57f;
        }
    }
    h4 {
      font-size: 1.5rem;
    }
    p, li {
      font-size: 1.1rem;
    }
    .mb_purchaselink_3 {
      width: 45%;
      max-width: 45%;
    }
}


.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;


}




.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_bookstore_deals div:nth-of-type(2) {
  min-width: 50%;
}




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



.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;
    }
    .stat_line {
      text-indent: 0;
    }    
  }
  .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;
    }
}
.ff_box_address.gray {
    border: 4px solid #ddd;
    h5 {
      background: #ddd;
    }
}




.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;
    }
}



.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_entry_list_2 {

}


[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;
      }
    }

  }
}





    @position-try --try-bottom-left {
        top: anchor(bottom);
        left: anchor(left);
    }

    @position-try --try-top-left {
        bottom: anchor(top);
        left: anchor(left);
    }

    @position-try --try-bottom-right {
        top: anchor(bottom);
        right: anchor(right);
    }



.anch_anchor {
  flex-wrap: wrap!important;
  align-items: center;
  /*height: 1.3rem; */
  align-content: center;
  /*border: 1px solid red!important;*/
  /*padding: 10px 20px; */
  /*background-color: #007bff; */
  /*color: white; */
  /*display: flex;
  flex-direction: row;*/
  border: none;
  cursor: pointer;
  /* Assign an anchor name */
  /*anchor-name: --my-button-anchor; */
  img {
    align-items: center;
    height: 1.3rem;
    max-width: 2rem;
  }
}

/* Style the positioned element (tooltip) */
.anch_tooltip {
  {{-- position-anchor: --my-button-anchor; --}}
  position: absolute; /* Essential for anchor positioning  fixed */
  background-color: #333;
  color: white;
  padding: 8px 12px;
  border-radius: 4px;
  visibility: hidden; /* Hide by default */
  opacity: 0;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  /* Connect to the anchor */
  /* Position the tooltip relative to the anchor */
  /* position-area: top; Place it below the button */ 
    /*position-area: top center; */
   position-area: bottom center;
   top: anchor(bottom); /* Initial positioning, e.g., below the anchor */
   left: anchor(left);
  justify-self: stretch;
  align-self: start;
  inset-area: center; /* Center horizontally within the 'bottom' area */
  position-try-fallbacks: --try-bottom-left, --try-bottom-right, --try-top-left;
  z-index: 1000;
}

.anch_anchor:hover {
  text-decoration: none;
    
}
.anch_anchor:hover + .anch_tooltip {
  visibility: visible;
  opacity: 1;
  pointer-events: auto; /* Allow interactions when visible */
}

.anch_anchor.un_flex {
    align-content: center;
    >div {
    align-content: center;
    padding: 0;
    }
    count {
      /*border-bottom: 2px solid orange;*/
      /*border-top: 2px solid greenyellow;*/
      /*border-bottom: 2px solid greenyellow;*/
    }
}
.anch_anchor.un_flex + .anch_tooltip {
  font-size: .7rem;
}

 .nav:has(.anch_anchor) {
  margin: .2rem;
  /*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%;
  }
}


 
.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_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;
  }

}


.mb_box_podcast  .box_file_3 {
    min-width: 90%;
    width: 90%;
    max-width: 100%;
    margin: 2rem auto;
}
.mb_box_podcast .mb_episode_features.un_flex .mb_box_1  {
  background: rgba(218, 218, 208,.3);
    min-width: 90%;
    width: 90%;
    max-width: 100%;
    margin: 2rem auto;

    > div:has(img) {
        text-align: center;
        align-content: center;
        width: 20%;
        max-width: 20%;
        /*background: red!  important;*/
        img {
          width: 6rem;
        }
    }
    > div {
      padding: .4rem;
      h5 {
        font-family: Unbounded, sans-serif;
        font-weight: 700;
      }
      h5:has(cite) {
          font-family: Rowdies, sans-serif;
          color: dodgerblue;
          text-align: left;
          font-size: 2rem;
          cite {

          }
          span {
            background: none;
            display: block;
          }
      }
      h6 {
        color: #999;
        margin: 0 auto;
      }
      box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
    }
    .box_emphased_2 {
      text-align: left;
      padding: .8rem;
      font-size: 1.3rem;
      a {
        font-size: 1.5rem!important;
        font-weight: 600;
      }
    }
}


.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;
    display: flex;
    padding: .2rem;
    margin: 0;
    align-content: center;
    box-sizing: border-box;
    height: 4rem;
    background: #555;
    color: white;
    font-weight: 800;
    font-family: "Exo 2";
    > * {
      padding: .5rem;
      margin: .2rem;
      box-sizing: border-box!important;
      display: inline-block;
      text-align: center;

    }
    > cite {
      letter-spacing: 1px;
      display: inline-block;
      min-width: 60%;
      width: auto;
      text-align: left;
      align-content: center;
    }
    > strong {
      align-content: center;
      display: inline-block;
      letter-spacing: 4px;
      border-radius: 5px;
      background: #b62727;
      text-align: center;
    }
    > a {
      align-content: center;
      float: right;
      font-family: "Ubuntu Condensed";
    }
    > a:first-of-type {

      margin-right: .2rem!important;
      margin-left: auto!important;
    }
    > a:last-of-type {
      
      margin-right: .2rem!important;
      /*margin-left: auto!important;*/
    }
  }
  > 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;

  }





.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, .mb_box_1 {
  h3, h4 {
    font-weight: 800;
    padding: .3rem;
    min-height: 5rem!important;
    align-content: center;
  }
  h4 {
    font-size: 1.2rem;
  }
  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 {
    color: dodgerblue;
    display: inline-block;
  }
  > a {
    font-weight: 800;
  }
  li + li {
    margin-top: .6rem!important;
  }
  
  .meta {
     margin: 2rem; 
     color: #777;
     font-size: 85%!important;
  }

  span {
    word-break: break-all;
    padding: .3rem;
    background: #666;
    color: white;
    display: inline-block;
  }
  strong {
    color: #555;
    font-weight: 800;
  }

}

/* if put in a large header */
.ws_notice_micro.box, .mb_box_1.box, [rel="boxname"] {
max-width: 30%!important;
width: 30%;
}

.ws_notice_micro.warning, .mb_box_1.warning {

  border: 4px solid indianred;

  strong {
    color: indianred;

  }
}
.ws_notice_micro.info, .mb_box_1.info {

  border: 4px solid dodgerblue;

  strong {
    color: dodgerblue;

  }
}


.ws_notice_micro.success, .mb_box_1.success {

  border: 4px solid springgreen;

  strong {
    color: springgreen;

  }
}
.ws_notice_micro.announce .mb_box_1.announce {

  border: 4px solid dodgerblue;
  padding: 2rem;
  h4 {
    font-size: 2.5rem;
  }
  p {
    font-size: 1.7rem;
  }
}

.ws_notice_micro.filelink, .mb_box_1.filelink {
  h4 {
    font-size: 150%;
    font-weight: 800;
    color: dodgerblue;
  }
  > div > i {
    min-width: 6rem;
    width: 6rem;
    font-size: 6rem;
    background: #aaa;
    padding: 1rem;
    border-radius: 1rem;
  }
}

.ws_notice_micro:has(>img), .mb_box_1:has(>img) {
  display: flex;
  flex-direction: row;
  border-color: #333;
  > img {
    display: inline-block;
    width: 20%;
  }
  > div{
    align-content: center;
    /*background: red!important;*/
    font-size: 1.4rem;
  }
  h3 {
    width: 100%!important;
    display: block;
  }
}

/* For  */
.mb_box_presenter_micro_1 {
   margin: 2rem auto;   
   background: #666;
    color: white;
  > div:first-of-type {
      text-align: left;
      padding: .2rem;
  }
  h3  {
      margin: .2rem;
      text-align: left;
      color: white;
      font-weight: 700;
  }
  [rel="toolbox"] {
    max-width: 20rem;
    background:   rgb(33.469, 55.881, 119.53);
  }
}

.ws_notice_micro_2 {

   background: #666;
  border: 1px solid dodgerblue;
  border-radius: 5px;
  padding: .4rem;
  color: dodgerblue!important;

  a {
    text-decoration: none;
    color: dodgerblue!important;
  }
}


.ws_notice_micro_2.warning {
  border: 1px solid red;
  color: red!important;
  a {
    color: red!important;
  }
}

div:has(> .ws_notice_micro) {
  /*background: red;*/
  .ws_notice_micro  {
    margin: .4rem!important;
  }
}


body > .ws_notice_micro {
  margin: 1rem auto!important;
}


.box_listing {
  text-align: center;
    h3 {
      color: dodgerblue;
      span {
        color: #666;
        font-size: 80%;
      }
    }
    ul li {
      text-align: left;
      margin-top: .1rem!important;
    }
    .mb_box_1 {
      h4 {
        margin: 0;
        padding: .3rem;
        min-height: 1.5rem!important;
        height: 1.5rem!important;
        font-weight: 500;
      }
      li {
        span {
          background: white;
          color: #555;
          height: 1.2rem;
          font-size: 90%;

        }
      }
    }
}

.mb_form_inline {
    display: block; 
    max-height:3rem; 
    height:3rem; 
    {{-- background: #444;  --}}
    max-width: 80%!important;
    min-width: 22rem;
    margin: .2rem auto;

    input {
        font-size: 1.7rem; padding: .4rem; 
        font-family: "Ubuntu Condensed";
        
        color: dodgerblue;
        height:1.7rem;
        
        max-width: 90%;
        width: 90%;
        padding: .4rem; 
    }
    input::placeholder {
        font-size: 1.7rem; 
        color: dodgerblue;
        font-family: "Ubuntu Condensed";
    }
}





/* BOXES */


.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;*/
}



[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;
}

/*bUTTONS*/

.mb_box_universal {
  width: 50%;
}

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

  img {
    min-width: 4rem;
    max-width: 100%;
    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;
  }
}



.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:has(strong) {
  font-weight: 500; 
  text-align: center;
    strong {
      display: block;
      font-size: 80%;
      color: white;
      font-weight: 400;
      text-align: center;
    }  
}

.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: #333;
    padding: .2rem .5rem;
    box-shadow:  2px 2px 5px #444,
                -2px -2px 5px #777;
            
    a {
      color: white;
    }

}
.outstander_item.small:hover {
  color: dodgerblue;
}

.outstander_item.tiny {
  scale: .6;
}

.twolvls {
  text-align: center;
  span {
    display: block;
    font-size: 80%;
    background: none;
    text-align: center;
    text-indent: 0;
  }
}

.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_4 {
      background: linear-gradient(145deg, #4a678b, #2a7ce4);
  color: #efefef;
}
.outstander_value_4:hover {
      background: linear-gradient(145deg, #3a577b, #1a6cd4);

}



.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;
}



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

    margin: 0 auto;
    background: #555;
  /*  background: #234;*/
    color: white;
    padding: 2rem;
    text-align: center;

    h3 {
      text-align: left;
      font-size: 1.5rem!important;
      font-weight: 600;
      font-family: "Nunito", sans-serif;
      img {
        width: 2rem!important;
      }
      div {
        text-align: center;
      }
    }


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


}
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 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;
  }
}

.mb_box_items.un_flex_vt {
  width: 80%!important;
  max-width: 100%!important;
  margin: 1rem auto;
  > div {
    background: white!important;
    margin: .3rem auto; 
    width: 100%;
    max-width: 100%!important;
    min-width: 100%!important;
    /*background: red;*/
    .title {
      background: #444;
      color: white;
      padding: .3rem .6rem;
    }
  }
}


.sw_maxim, .sw_adage, .mb_adage, 
.sw_formative, .mb_insertion, .mb_box_content {

    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';
        }
    }
    .thumb {
        width: 5rem!important;
        height: 8rem!important;
        img {
          /*height: 100%!important;*/
          height: 8rem!important;
          min-width: 5rem!important;
          width: 5rem!important;
        }
    }


    [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;
        }
        .marker, strong {
          font-weight: 700;
          color: dodgerblue;
          text-decoration: underline;
          text-decoration-color: #1e90ff52;
        }
    }

    [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';
  }
  
  blockquote {
      font-size: 1.2rem;
      border-left: 6px solid #1e90ff52;
      padding-left: 1rem;
      margin-left: 1rem;
      padding-right: 2rem;
      text-align: justify;

  }

  .adage {
      font-weight: 600;
      border-right: 6px solid #1e90ff52;
      margin-right: 2rem;
      margin-left: 2rem;
      margin-top: 3rem;
      margin-bottom: 3rem;
      p {
          font-size: 1.6rem;
          line-height: 120%;
          font-weight: 600;
      }
  }


  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);
    }
  }


}



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


  .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;
    }
}



.purchase_button:hover, .atc: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;}
  
}

.a2c {
    span {
      font-family: "Ubuntu Condensed";
    }
    .mediumtype {display: block;
      filter: brightness(80%);
      font-weight: 800;
      /*background: white;*/
      /*color: #777;}*/
    }
  .price {display: none;}
}
.a2c:hover {

  .price {
      display: block;
      filter: brightness(80%);
      font-weight: 800;
      background: white;
      color: #777;
  }
  .mediumtype {display: none;}
}



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_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;
  }
}




.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;
    }
   }
}



.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;
  }
}


/* *****************************************  */
/*  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_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;*/
        }      
    }

}




  .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; 
}








.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;
}




.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;
    }
}


.mb_mybook_presenter_1 {
    background: #fff;
    width: 90%;
    margin: 1rem auto;
    h3 {
        color: #777;
        text-align: center;
        font-size: 1.6rem;
        max-width: 100%;
    }
    h4 {
      margin: .1rem auto;
      cite {
        font-weight: 600;

      }
    }
    h5 {
      margin: .1rem auto .4rem;
    }
    p {
      font-size: .9rem;
    }
    .ws_notice {
      width: 95%;
      margin: .5rem auto;
    }
    .outstander_item {
      margin: .5rem;
    }
    .outstander_item.outstander_value_1 {
      margin: .5rem;
      font-size: 120%!important;
    }
}


  .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;

}


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


  .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_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%;
  }
}




/* 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;
      }







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

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


  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;
  }



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



.ws_dimmed_5 {
  opacity: .5;
}

.ws_dimmed_1 {
  opacity: .1;
}

.ws_dimmed_3 {
  opacity: .3;
}

.ws_dimmed_1:hover {
  opacity: 1;

}



.centered {
  text-align: center;
  align-content: center;
  > * {
    text-align: center;

  }
}


  
  .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;
    }
  }

  div:has(.we_item_printable) {
    > .we_item_printable:nth-of-type(odd) {
      background: #eee!important;
    }
  }


.mb_box_chapter {
    flex-wrap: wrap;
    background: #777!important;
    border: 2px  solid red;
    margin: .3rem; 
    min-width: 22%!important; 
    display: flex;
    width: 45%;
    opacity: .4;
    transition: opacity 0.6s ease-in-out; 
    count {
        background: #aaa;
    }
    > a:not(:first-of-type):not([rel="file"]) {
        color: white!important;

    }
    > a[rel="file"] {
        width: 45%;
        {{-- color: #555!important; --}}
    }
    [rel="toolbox"] {
      width: 100%;
      padding: .2rem;
      a {
        display: inline-block!important;
        width: 8rem;
        min-width: 1rem;
        max-width: 10rem!important;
        height: 1.5rem;
        /*border: 1px solid red;*/
      }
      .outstander_item {
        height: 2.2rem;
      }
    }
}
.mb_box_chapter:hover {
  opacity: 1;
}

.mb_box_chapter:has([rel="file"]) {
  border-color: dodgerblue!important;
  background: #444!important;
  opacity: 1;
    count {
        background: dodgerblue;
    }
    a[rel="file"] {
        background: white;
        margin: .4rem .2rem;
    }
}

.mb_bookgallery:has(> .anch_anchor) {
  .anch_anchor {
    width: 22%;
    display: inline-flex;

  }
}



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: .3rem;
    font-size: 1rem;
    border-top-right-radius: 2rem;
    border-bottom-right-radius: 2rem;
    background: #333;
    color: #ddd;

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


/* LAST FULL WIDTH OF THE VIEWPORT */





































/*first screen*/

@media screen and (max-width: 900px) {

    a:has(> count)  {
      font-size: .6rem;
      /*color: yellow!important;*/
      count {
        /*background: yellow!important;*/
      }
    }
}







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

    .section_universal {
      width: 100%;
    }


    .mb_stat_line_1 {
        flex-direction: row!important;
        flex-wrap: wrap;
        [rel="toolbox"] {
          box-sizing: border-box;
            width: 100%;
            max-width: 100%;
        }
        > div:first-of-type {
          width: 50%;
        }

    }



    .mb_box_sample  {
      padding: 1rem !important;
      /*flex-direction: row!important;*/
      text-align: justify;
      > div {
        width: 100%!important;
        max-width: 100%!important;
      }
/*      > div:first-of-type {
        width: 65%;
      }
      > div:last-of-type {
        width: 30%;
      }*/
      div, p {
        text-wrap: balance;
      }
      [rel="links"] {
        a {
          display: inline-block;
          margin: .5rem 1rem;
        }
      }
    }


.sw_maxim, .sw_adage, .mb_adage, 
.sw_formative, .mb_insertion, .mb_box_content {


  width: 100%;
  margin: 1rem auto;
  padding: .2rem;
  [rel="content"] {
    background: white!important;
    padding: .5rem!important;

      h3, blokcquote {
        margin: 1rem auto;
        border-top: 1px solid dodgerblue;
        border-bottom: 1px solid dodgerblue;
        color; #333;
        padding: .5rem;
      }
  }
}


    footer {
        flex-direction: column!important;
        width: 100%;
        max-width: 100%;
        overflow: hidden;
        padding: 0;
        flex-wrap: wrap;
        h3 {
          margin: .5rem auto;
          text-align: center;
          align-content: center;
          img {
            display: block;
            margin: auto 1rem;
            height: fit-content;
            width: 20%!important;
            margin: .5remimportant;
          }
        }
        
        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 {
          text-indent: 0!important;
          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;
        }
    }


    .anch_anchor {
        div {
          width: inherit;
          min-width: 51%;
          word-wrap: balance;
        }

    }

    .mb_bookgallery {

      > a {
        min-width: 45%;
      }
    }

  nav:has(.btn_linkimg) {
    flex-direction: row;
  }
  .btn_linkimg {

    width: 30%;
    max-width: 30%;
  }

.mb_box_universal {
  width: 100%;
}




}





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