.accordion-toggle:hover {background: #f2f2f2;}
.mk-accordion table { border-collapse: collapse; width: 100%; table-layout: fixed; }
.mk-accordion th, .mk-accordion td { border: 1px solid #dededf; padding: 5px; }
.mk-accordion > th, .mk-accordion > td { text-align: center; }
.mk-accordion th:first-child, .mk-accordion td:first-child { width: 70px; }
.mk-accordion th:last-child, .mk-accordion td:last-child { width: 70px; }
.mk-accordion th:nth-child(2), .mk-accordion td:nth-child(2){width: 200px;}
.accordion-panel { background: #f9f9f9; }
.no-accordion:focus { outline: none; }


ul{margin:0;}
li{list-style-type: none;}
.ci-item-highlight {background: #333341; color: #fff; font-weight: bold; text-align: center; border-radius: 10px;}

.ci-categories-global{max-width: calc(var(--wp--style--global--content-size) + 30em); padding: 2em 1em; background-color: rgba(0,0,0,0.3); border-radius: 20px;box-shadow: 0px 0px 97px -10px rgba(0,0,0,0.69);-webkit-box-shadow: 0px 0px 97px -10px rgba(0,0,0,0.69);-moz-box-shadow: 0px 0px 97px -10px rgba(0,0,0,0.69);}
.ci-categories{display: flex; justify-content: center; flex-wrap: wrap; gap: 2em 1.5em}
.ci-categorie{display: flex; flex-direction: column; width: 20%;}
.ci-categorie > div{height:33%}
.ci-categorie > div.ci-categorie-h2{text-align: center; font-size: 0.8em;}

.ci-categorie img{display: block; margin: auto; max-height: 100px; width: auto;}
.ci-categorie-img{position: relative;}
.ci-categorie-img:before{position: absolute; content:''; width: 150px; height: 150px; border: solid 3px rgb(223, 223, 26); left: calc(50% - 78px); top: -28px; border-radius: 90px;} 

.ci-categories-btn{margin: 2em 0; text-align: center;}
.ci-categories-btn button{background-color: #a19b40; border: none; padding: 20px; border-radius: 20px; font-size: 1em;}

#ci-randomizer-result{margin: 2em 0}