/***********************************************************************
**  skin.css
**  Copyright 2016-2023 Petko Yotov www.pmwiki.org/petko
**  
**  This file is part of PmWiki; you can redistribute it and/or modify
**  it under the terms of the GNU General Public License as published
**  by the Free Software Foundation; either version 2 of the License, or
**  (at your option) any later version.  See pmwiki.php for full details.
**  
***********************************************************************/
.text-bg-dark {
  background-color:rgb(10, 86, 161) !important;
}

:root {
  --line-height: 1.5rem;
  
}

dt {
  font-weight: bold;
}

div.faq p, div.faq pre,
dd {
  margin-left: 1.5rem;
}

div.faq p.question {
  margin-left: 0;
  font-weight: bold;
}



.vspace {
  margin-top: var(--line-height);
}

* {
/*   line-height: var(--line-height); */
}

p {
  margin-bottom: 0;
/*   padding: 0; */
}

caption {
  caption-side: top;
}


#walogo {
  max-width: 8rem;
  min-width: 6rem;
  display:inline-block;
}
#walogolink {
  align-self: center;
}

.iconlogo {
  width: 1.2rem;
}

a:not(.btn):visited {
/*   color: var(--bs-link-hover-color); */
}

.menu2col.show,
#mainmenu.show {
  display: grid;
  grid-template-columns: 1fr 1fr;
}

.menu2col.show li.fullwidth,
.menu2col.show li.divider,
#mainmenu li.divider {
  grid-column: 1/-1;
}

strong a.dropdown-item {
  font-weight: bold;
}

.menu2col.show li.divider ~ li a:before,
#mainmenu li.divider ~ li a:before {
  display: none;
}

li.btn-title,
li.btn-title a {
  white-space: nowrap;
  background-color: var(--bs-gray-200);
}

button.menubtn {
  border: 1px solid var(--bs-primary);
}

footer a {
  color: var(--theme-bgcolor-blue) !important;
  text-decoration: none;
}

.rfloat {
  float: right;
}

.lfloat {
  float: left;
}

.wave {
  --size: 4px;
  --product: var(--size); /* size * curvature where 1=medium 2=flat 0=tall*/
  --hypot:  5.66px; /*sqrt(product*product+size*size)*/
  
  --border: 1px;
  
  --halfsizepx: calc(var(--size) / 2);
  --halfborder: calc(var(--border) / 2);
  --hyborder: calc(var(--border) / 2 + var(--hypot));
  --halfSB: calc(50% - var(--halfsizepx) - var(--halfborder) + .5px);
  --halfSBp: calc(50% + var(--halfsizepx) + var(--halfborder));
  --sizeborder: calc(var(--size) + var(--border));
  --mproduct: calc(-1 * var(--product));
  --productC: calc(100% + var(--product));
  --borderCI: calc(101% - var(--border));
  --borderNN: calc(99% - var(--border));
  --sizeLII: calc(50% - var(--size) * 2);
  --sizeF: calc(var(--size) * 4);
  
  --mask:  
    radial-gradient( var(--hyborder) at 50% var(--productC),#0000 var(--borderNN),#000 var(--borderCI) 99%,#0000 101%) var(--sizeLII) var(--halfSB)/var(--sizeF) var(--sizeborder) repeat-x,
    
    radial-gradient(var(--hyborder) at 50% var(--mproduct),#0000 var(--borderNN),#000 var(--borderCI) 99%,#0000 101%)
      50% var(--halfSBp)/var(--sizeF) var(--sizeborder) repeat-x;

  -webkit-mask: var(--mask);
          mask: var(--mask);
  background: linear-gradient(to right, var(--bs-primary), var(--bs-info-bg-subtle));
  height: 4px;
}



.noPmTOC {display:none;}
.PmTOCdiv { display: inline-block; font-size: 13px; overflow: auto; max-height: 500px;}
.PmTOCdiv a { text-decoration: none; display: block; line-height: 1; margin: .4em 0;}
.PmTOCdiv a.pmtoc-indent1 { margin-left: 1em; }
.PmTOCdiv a.pmtoc-indent2 { margin-left: 2em; }
.PmTOCdiv a.pmtoc-indent3 { margin-left: 3em; }
.PmTOCdiv a.pmtoc-indent4 { margin-left: 4em; }
.PmTOCdiv a.pmtoc-indent5 { margin-left: 5em; }
.PmTOCdiv a.pmtoc-indent6 { margin-left: 6em; }
.back-arrow {font-size: .8rem; text-decoration: none; vertical-align: text-top;}
#PmTOCchk + label {cursor: pointer;}
#PmTOCchk {display: none;}
#PmTOCchk:not(:checked) + label > .pmtoc-show {display: none;}
#PmTOCchk:checked + label > .pmtoc-hide {display: none;}
#PmTOCchk:checked + label + div {display: none;}





/* simuledit.php */
.editconflict { color:green; 
  font-style:italic; margin-top:20px; margin-bottom:20px; }

/* pagerev.php */
.diffbox { border-left:1px #999 solid; margin-top:20px; font-size:12px;  }
.diffauthor { font-weight:bold; }
.diffchangesum { font-weight:bold; }
.difftime { background-color:#ddd; }
.difftype { font-weight:bold; }
.diffadd { border-left:5px #9f9 solid; padding-left:5px; }
.diffdel { border-left:5px #ff9 solid; padding-left:5px; }
.diffrestore { margin:20px 0px; }
.diffrestore a { text-decoration: none; }
.diffmarkup { font-size:14px;  } 
.diffmarkup del { background:#ff9; text-decoration: none; }
.diffmarkup ins { background:#9f9; text-decoration: none; }
.rcplus { cursor:pointer; opacity:.3; font-weight:bold; padding: 0 .3em; }
.rcplus:hover {color: white; background: blue; opacity: 1;}
.rcreload { opacity:0.2; font-size: .9rem; cursor: pointer;  }
.rcnew {background-color: #ffa;}


table.simpletable {
  border-collapse: collapse;
}
table.simpletable tbody tr:nth-child(odd) {
  background-color: #f7f7f7;
}
table.simpletable tbody tr:nth-child(even) {
  background-color: transparent;
}

table.simpletable thead + tbody tr:nth-child(odd) {
  background-color: transparent;
}
table.simpletable thead + tbody tr:nth-child(even) {
  background-color: #f7f7f7;
}

table.simpletable th {
  background-color: #d8d8d8;
}
table.simpletable th, table.simpletable td {
  border: 1px solid #aaa;
  padding: 0 4px;
  font-weight: normal;
}

table.sortable th {
  cursor: pointer;
}

table.sortable th:hover::after {
  color: inherit;
  content: "\00A0\025B8";
}

table.sortable th::after {
  color: transparent;
  content: "\00A0\025B8";
}

table.sortable th.dir-u::after {
  color: inherit;
  content: "\00A0\025BE";
}

table.sortable th.dir-d::after {
  color: inherit;
  content: "\00A0\025B4";
}

*[data-pmtoggle], .pmtoggleall {
  cursor: pointer;
  font-weight: bold;
}
*[data-pmtoggle]::before {
  content: "\025BE\00A0";
  float: left;
}
*[data-pmtoggle="closed"]::before {
  content: "\025B8\00A0";
}

*[data-pmtoggle] + * {
  margin-left: .8em;
}
*[data-pmtoggle="closed"] + * {
  display: none;
}

/* In HTML5 only styles are valid for alignment */
td.left,   th.left   { text-align: left;}
td.center, th.center { text-align: center;}
td.right,  th.right  { text-align: right;}
td.top,    th.top    { vertical-align: top;}
td.bottom, th.bottom { vertical-align: bottom;}
td.middle, th.middle { vertical-align: middle;}

.frame {
  border: 1px solid #aaa;
  border-radius: .3em;
  margin: 1em 0 .3em 0;
  padding: 0.6em;
  background-color: #f9f9f9;
}

#a2modal .modal-header {
  background-color: var(--bs-gray-200);
}

#a2modalBody {
  text-align: center;
}

#a2modalBody iframe {
  min-height: 50vh;
}

#a2modalBody video,
#a2modalBody img  {
  height: auto;
}


li.fullwidth.btn-title + li.divider,
li.divider + li.divider {
  display: none;
}

table.markup {
  width: 100%;  
}

ul#footer-logos {
  list-style: none;
  padding: 0;
  margin: 0;
  position: relative;
  height: 100px;
/*   width: 100%;  */
  margin: 0.5em 0;
}

ul#footer-logos li {
  position: absolute;
  height: 100px;
  opacity: 0;
  transition: opacity 1s ease-in-out;
/*   text-align:center; */
  width: 100%; 
}

ul#footer-logos li img {
  max-height: 100px;
}

ul#footer-logos li.active {
  opacity: 1;
  z-index:5;
}