:root {
    --paper: rgb(170,160,138);
    --pen: rgb(86,77,55);
}

orange, span.o {
    color:rgb(238, 174, 54); /* NZL yellow */
    /* font-style:italic bold; */
}

em {
    font-weight: bold;
}

i {
    background-color:inherit !important;
}

hr {
    width:50%;
    text-align:center;
    height:4px;
    border-width:0;
    color:gray;
    background-color:gray;
}

td, th {
    padding: 2.5px 2.5px;
    background-color: var(--pen);
}

td:nth-child(even), th:nth-child(even) {
    background-color: var(--paper);
}

button a:link, button a:visited, button a:active {
    color:white;
    font-weight: bold;
}

x8 {
    line-height: 1.4;
}

#br {
    max-height: 600px;
    width:97%;
    opacity: 1;
}


#bgcolor {
    background-color: var(--bg);
}

#candidate {
    background-color: rgb(78, 48, 2) !important;
}

#candidate a:link, #candidate a:visited, #candidate a:active {
    color: #f1ba44ff;
}



#episode-banner3 {
    position: relative;
    background-color: black;
    height: 22vw;
}

#disc1 {
    margin: 0;
    position: absolute;
    top: 4.5%;
    left: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    
    border-radius: 50%;
    background-color:rgb(33, 31, 32);
    width: 20vw;
    height: 20vw;
}

.gfg {
    margin: 0;
    position: relative;
    color: var(--bg);
    background-image: linear-gradient(to right, red,orange,yellow,green,blue,indigo,violet);
}

.first-txt {
    /* color: var(--bg); */
    /* color: #f1ba44ff; */
    /* position: absolute; */
    top: 1vw;
    /* left: 2.5vw; */
    /* font-size: 2vw; */
}

.second-txt, .first-txt {
    /* color: var(--bg); */
    /* color: #f1ba44ff; */
    /* color: darkgreen; */
    position: absolute;
    bottom: 1vw;
    left: 2.5vw;
    font-size: 2vw;
    text-shadow: 2px 2px 8px whitesmoke;
}

.border-box {
    display: block;
    border: 2px solid rgb(78, 48, 2);
    padding: 5px;
    color: darkgreen;
    text-align: center;
}

.indent {
    display: block;
    padding: 5px 0 10px 50px;
}

.red {
    color: red;
}

.blue {
    color: blue;
}

/* div a:link, div a:visited, div a:active {
    position: relative;
    color: white;
    padding: 0 0 20px 0;
    font-size: 1vw;
    font-size: 1.5rem;
    left: 42%;
} */

.hilite, .hilite-blue, .hilite-grey, .hilite-orange  {
    background-color: yellow;
    color: blue;
    /* width: 100px; */
    /* height: 100px; */
    margin: 60px;
    -webkit-box-shadow: 0px 0px 50px 50px yellow; /* WebKit */
    -moz-box-shadow: 0px 0px 50px 50px yellow; /* Firefox */
    box-shadow: 0px 0px 50px 50px yellow; /* Standard */
}

.hilite-blue {
    background-color: lightblue;
    -webkit-box-shadow: 0px 0px 50px 50px lightblue; /* WebKit */
    -moz-box-shadow: 0px 0px 50px 50px lightblue; /* Firefox */
    box-shadow: 0px 0px 50px 50px lightblue; /* Standard */

}

.hilite-grey {
    background-color: lightgrey;
    -webkit-box-shadow: 0px 0px 50px 50px lightgrey; /* WebKit */
    -moz-box-shadow: 0px 0px 50px 50px lightgrey; /* Firefox */
    box-shadow: 0px 0px 50px 50px lightgrey; /* Standard */

}
.hilite-orange {
    background-color: rgb(241,174,80);
    -webkit-box-shadow: 0px 0px 50px 50px rgb(241,174,80); /* WebKit */
    -moz-box-shadow: 0px 0px 50px 50px rgb(241,174,80); /* Firefox */
    box-shadow: 0px 0px 50px 50px rgb(241,174,80); /* Standard */

}

.facebook {
    background-color:rgb(235, 235, 235);
    padding:20px;
    border-radius: 20px;
    font-family: 'Poppins', 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
    margin: 20px;
}

.tooltip, .tt {
    color: olive;
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted black;
}
  
.tooltip .tooltiptext, .tt .ttt {
    visibility: hidden;
    width: 240px;
    background-color: yellow;
    color: darkblue;
    text-align: center;
    border-radius: 6px;
    padding: 5px;

    /* Position the tooltip */
    position: absolute;
    z-index: 1;
}

.tooltip:hover .tooltiptext, .tt:hover .ttt {
    visibility: visible;
}