body { font-size:87.5%; line-height:1.8; }

.hide-mob { display:none; }
header.template .menu-toggle { display:block; left:10%; }

header.template { height:90px; }
header.template .logo { width:160px; height:29px; left:50%; transform:perspective(1px) translate(-50%, -50%); }
header.template nav { display:none; transform:unset; }
header.template nav.open { display:block; text-align:center; overflow-y:scroll; background:#80b732; z-index:500; position:fixed; top:0; left:0; bottom:0; right:0; width:100%; min-height:100%; }
header.template nav.open ul { text-align:center; margin:100px 0 30px 0; padding:0; }
header.template nav.open ul ul { margin:0; }
header.template nav.open ul li a { color:#fff; font-size:1.2rem; font-weight:600; padding:6px 0; display:block; }
header.template nav.open ul ul li a { font-size:0.9rem; font-weight:400; }

header.template .kofi { display:block; border-radius:50%; font-size:0; width:32px; height:32px; line-height:32px; text-align:center; padding:0; background:rgba(255, 255, 255, 0.3); }
header.template .kofi svg { vertical-align:middle; }

section.soon  { grid-template-columns:1fr; text-align:center; }
section.soon img { width:100%; max-width:100%; margin:0 auto; padding:20px 0 20px 150px; }
section.soon .text  { width:100%; padding:40px 0 0 0;  }

.articles, .authors { justify-content:space-evenly; text-align:center; }


footer nav { padding:0; }
footer .gdpr { margin-top:1rem; min-width:48px; width:48px; overflow:hidden; padding-left:0; }










body.article::before { height:200px; }
main.c article.c { padding:50px 0 20px 0; margin-left:5%; margin-right:5%; width:90%; display:block; }
main.c article.c h1 { font-size:26px; padding:0 30px!important; }
main.c article.c ul.meta, main article ul.share { list-style:none; margin:0; padding:0; }
main.c article.c ul.share { display:flex; align-items: center; justify-content: center; }
main.c article.c ul.meta li { padding:0 10px; font-size:0.86rem; color:#666; text-align:center; }
main.c article.c ul.meta li a { color:#666; }



#splash                 { min-height:100vh; padding: 150px 10% 20px 10%; text-align:center; height:auto; }
#splash .text { position:absolute; bottom:0; left:0; right:0; height:auto; background-color: rgba(0, 0, 0, 0.85); padding-top:20px; padding-right:5%; padding-bottom:20px; padding-left:5%; }
#splash .text span { margin-top:20px; margin-bottom:10px; }
#splash .text h1 { font-size:1.2rem; }


.c.n { padding-left:10%; padding-right:10%; }
p, h1, h2, h3, h4, h5, h6 { text-align:center;  }
h2 { font-size:2.5rem; }
h2 span, h2::before { font-size:1.3rem; color:#777; }




.pagination { /*font-size:0.75rem;*/ }
.pagination a, .pagination .current { padding:6px 10px; }
.contact .flex3 { margin-bottom:3rem; }

.margin-top { margin-top:50px; }

/*  SHOP
body.shop #main .details .option p { text-align:left; }
body.shop #main .details h1 { font-size:1.6rem; }
body.shop #main .details p.price { justify-content: center; }
body.shop #main .details .options { margin-top:20px; }
body.shop #main .image { height:340px; background-size:80%; background-color:#fff; }
body.shop #main .content { width:100%; top:-20px; }
body.shop #main .details { width:90%; margin:0 auto; padding:20px 0; }
body.shop #main .details .options { width:90%; margin:10px auto 0 auto; }
body.shop #main .details ol.breadcrumbs { text-align:center; }
body.shop #main .details ol.breadcrumbs li { font-size:0.7rem; }
body.shop #main .details p.description { margin:20px 0 0 0; }
body.shop #main .details #addToCart { margin=top:20px; }
body.shop #sub .content { padding:40px 0 0 0; }
body.shop #sub .left, body.shop #sub .right { display:block; float:none; width:100%; }
*/
.image-main.image-copyright::after {
    content: attr(data-copyright);
  position: absolute;
right:0;
left:0;
padding-right:15%;
top:130px;
text-align:right;
  color: #fff;
  font-size: 0.8rem;
  opacity: 0.7;
  text-shadow: 0 0 4px #000;
  font-style: italic;
}
@media screen and (max-width: 635px) {
  /*header.template a.logo { width:130px; height:24px; }*/
.c { padding-left:5%; padding-right:5%; }
header.template .menu-toggle { left:5%; }
header.template .logo { left:calc(5% + 45px); transform:perspective(1px) translateY(-50%); }
header.template .search-toggle { right:5%; }
header.template .kofi { right: calc(5% + 43px); }
#splash { padding:130px 5% 20px 5%; }




  footer p em { margin-bottom:1rem; }
  footer p { margin-top:1rem; }
  footer nav { grid-template-columns:1fr 1fr; }
  footer nav section:last-child { grid-column:1/span 2; text-align:center; margin:2rem 0 1rem 0; }
  footer nav section:last-child li { display:inline-block; padding:0 5px; }
  footer nav section:last-child span, footer nav section:last-child h2 { display:none; }

  .image-main.image-copyright::after {
  padding-right:10%;
  }







  table {
      border: 0;
    }

    table caption {
      font-size: 1.3em;
    }

    table thead {
      border: none;
      clip: rect(0 0 0 0);
      height: 1px;
      margin: -1px;
      overflow: hidden;
      padding: 0;
      position: absolute;
      width: 1px;
    }

    table tr {
      display: block;
    }

    table td {
      display: block;
      text-align: left;
      padding-left:100px;
      position:relative;
    }

    table td::before {
      content: attr(data-label);
      position: absolute;
      left:20px;
      font-weight: bold;
    }

    table td:last-child {
      border-bottom: 0;
    }








}