:root{
--wpigstyle3Color : transparent;
}
#wpig-contents,
#wpig-contents2 {
position: relative;
width: auto;
display: table;
padding: 0px 10px 0px;
}
#wpig-contents ol ,
#wpig-contents2 ol {
margin: 1.3em;
}
#wpig-contents a.wpig-btn-toggledisplay,
#wpig-contents2 a.wpig-btn-toggledisplay {
margin: 0 10px;
}
#wpig-contents.wpig-style-2 {
width: 40vw;
}
#wpig-contents.wpig-style-2 .wpig-innersection {
display: block;
}
#wpig-contents.wpig-style-2 .wpig-headline-subsections {
display: flex;
flex-direction: column;
}
#wpig-contents.wpig-style-2 ol .wpig-headline-subsections:nth-child(even) {
display: flex;
flex-direction: column;
float: left;
padding-left: 20px;
margin: 0px;
width: 50%;
}
#wpig-contents.wpig-style-2 ol .wpig-headline-subsections:nth-child(odd) {
width: 50%;
display: flex;
flex-direction: column;
padding-right: 20px;
float: right;
border-right: 1px solid red;
margin: 0px;
}
#wpig-contents .wpig-headline ,
#wpig-contents2 .wpig-headline{
font-size: 14px;
color: #333333;
text-align: left;
padding: 10px 0;
display: block;
cursor: pointer;
margin-left: 10%;
}
#wpig-contents .toggle-wpig,
#wpig-contents2 .toggle-wpig {
position: absolute;
top: 0;
right: 1rem;
cursor: pointer;
color: rgb(0, 89, 255);
}
#wpig-contents li ,
#wpig-contents2 li{
position: relative;
padding-left: 1rem;
list-style: none;
line-height: 1.2;
margin: .3rem 0 0 0;
transition: .2s ease all;
text-align: left;
}
#wpig-contents.wpig-style-2 li {
padding-left: 6px;
}
.wpig-btn-toggledisplay{
font-size: 10px;
}
#wpig-contents.wpig-style-2 ol .wpig-heading-wrapper{
padding: 6px;
}
#wpig-contents.wpig-style-2 ol .wpig-heading-wrapper:hover {
background: gray;
cursor: pointer;
}
#wpig-contents li a ,
#wpig-contents2 li a{
font-size: 14px;
line-height: 1.2;
text-decoration: none;
color: rgb(0, 89, 255);
}
div#wpig-contents.wpig-style-2 #wpig-table-of-content > ol {
display: flex !important;
flex-direction: row;
flex-wrap: wrap;
}
#wpig-table-of-content>ol{
padding:0px;
}
#wpig-table-of-content ol ol {
padding: 0px !important;
margin: 0px !important;
margin-left: 1.5em;
}
#wpig-contents.wpig-number-list ol {
list-style-type: none;
counter-reset: item;
padding: 0;
}
#wpig-contents.wpig-number-list ol > li ,
#wpig-contents.wpig-number-list ol .wpig-headline-subsections > li {
display: table;
counter-increment: item;
}
#wpig-contents.wpig-number-list ol > li:before ,
#wpig-contents.wpig-number-list ol .wpig-headline-subsections > li:before {
content: counters(item, ".") ". ";
display: table-cell;
padding-right: 0.6em;    
}
#wpig-contents.wpig-number-list li ol > li:before ,
#wpig-contents.wpig-number-list li ol .wpig-headline-subsections > li:before {
content: counters(item, ".") " ";
}
#wpig-contents.wpig-style-2.wpig-no-hierarachy ol > li,
#wpig-contents.wpig-style-2.wpig-no-hierarachy ol .wpig-headline-subsections > li,
#wpig-contents.wpig-style-2.wpig-no-hierarachy ol > li:before{
display: inline-flex;
}
div#wpig-contents.wpig-sidebar-widget {
margin: 0px;
padding: 0px;
display: block;
overflow: auto;
}
div#wpig-contents.wpig-sidebar-widget #wpig-table-of-content > ol {
padding-bottom: 10px;
margin: 0px;
display: block;
}
div#wpig-contents.wpig-sidebar-widget.wpig-style-3 #wpig-table-of-content > ol ,
div#wpig-contents2.wpig-sidebar-widget.wpig-style-3 #wpig-table-of-content > ol {
padding: 0 12px;
margin: 0 12px;
}
#wpig-contents.wpig-style-3 #wpig-table-of-content li ,
#wpig-contents2.wpig-style-3 #wpig-table-of-content li {
padding-bottom: 10px;
}
#wpig-contents.wpig-style-3 #wpig-table-of-content > ol li:before ,
#wpig-contents2.wpig-style-3 #wpig-table-of-content > ol li:before {
content: "";
background-color: var(--wpigstyle3Color);
width: 1em;
height: 1em;
position: absolute;
border: 1px solid gray;
left: -12px;
vertical-align: middle;
}
#wpig-contents.wpig-style-3 #wpig-table-of-content > ol li:after ,
#wpig-contents2.wpig-style-3 #wpig-table-of-content > ol li:after {
content: "";
border-right: 1px solid gray;
position: absolute;
height: 100%;
left: -5px;
vertical-align: middle;
top: 1.1em;
}
#wpig-contents.wpig-style-3 #wpig-table-of-content > ol li:last-child:after,
#wpig-contents2.wpig-style-3 #wpig-table-of-content > ol li:last-child:after{
content: "";
border-right: 0px;
}
#wpig-contents.wpig-style-3 #wpig-table-of-content li.activePoint:before,
#wpig-contents2.wpig-style-3 #wpig-table-of-content li.activePoint:before{
background-color: red ;
}
#wpig-contents.wpig-style-3 #wpig-table-of-content li.activePoint a,
#wpig-contents2.wpig-style-3 #wpig-table-of-content li.activePoint a{
color: red;
}
div#wpig-floatingbar{
display: none;
}
div#wpig-floatingbar {
position: fixed;
top: 50px;
height: 90vh;
z-index: 9999999;
right: 40px;
}
div#wpig-switch-wrapper {
height: 100%;
display: grid;
width: 50px;
}
div#wpig-floatingbar #wpig-contents2{
position: absolute;
top: 10px;
right: 10%;
width: max-content;
}
span#wpig-floating-switch {
margin: auto 0;
}
div#wpig-floatingbar #wpig-floating-switch{
cursor: pointer;
width: 30px;
height: 30px;
}
div#wpig-floatingbar #wpig-table-of-content {
overflow-y: auto;
height: 80vh;
}
#wpig-contents.wpig-sidebar-widget.wpig-fixed{
position: fixed !important;
}
#wpig-contents.wpig-sidebar-widget.wpig-fixed div#wpig-table-of-content{
overflow: auto;
max-height: 90vh;
}
@media only screen and (max-width: 800px) {
#wpig-contents.wpig-style-1,
#wpig-contents.wpig-style-2,
#wpig-contents.wpig-style-3,
#wpig-contents2.wpig-style-3{
width: 100%;
margin: 0px auto;
}
div#wpig-floatingbar #wpig-contents2{
width: min-content;
}
}