/* Theme inspired by https://shopify.github.io/draggable/ */
body {
    padding: 1.6rem;
    background-color: #0097ff;
    background-image: linear-gradient(188deg,#b762ff,#0079ff,#ff0,#ff576f,#b762ff,#459dff,#4ee4c4,#ffd117,#ff576f);
}

hr {
  border: none;
  height: 10px;
  /* Set the hr color */
  color: #333;  /* old IE */
  background-color: #333;  /* Modern Browsers */
}

.rav4u-block {
    color: #111;
    border: 10px solid black;
}


.no-bottom-border {
  border-bottom: none;
}

main.container-fluid > p {
    color: #111;
}

p {
    color: #111;
}


thead tr.rav4u-th { background-color: #4ee4c4; }
thead tr:nth-of-type(odd),
thead tr:nth-of-type(even) {
    --pico-background-color: transparent;
    /*background-color: inherit;*/
}


thead th {
  color: #111;
}

tbody td {
  color: #111;
}

tbody tr.rav4u-tr-1 { background-color: #4ee4c4; }
tbody tr.rav4u-tr-2 { background-color: #ffd117; }
tbody tr.rav4u-tr-3 { background-color: #ff576f; }
tbody tr.rav4u-tr-4 { background-color: #44ed93; }
tbody tr.rav4u-tr-5 { background-color: #b762ff; }
tbody tr.rav4u-tr-6 { background-color: #6688e8; }

/*
tbody tr:hover {
  background-color: whitesmoke;
}
*/

tbody tr:nth-of-type(odd),
tbody tr:nth-of-type(even) {
    --pico-background-color: transparent;
    /*background-color: inherit;*/
}


.ravu-avatar-desktop {
}

.ravu-avatar-mobile {
    display: inline-block;
    vertical-align: middle;
    padding-bottom: 1em;
    width: 20%;
    height: auto;
}
.ravu-lst {
  display: inline-block;
  vertical-align: middle; /* Optional: Helps with vertical alignment */
  margin-top: 10px;
  margin-left: 10px; /* Optional: Add some space between the image and text */
}


.rav4u-1 { background-color: #4ee4c4; }
.rav4u-2 { background-color: #ffd117; }
.rav4u-3 { background-color: #ff576f; }
.rav4u-4 { background-color: #44ed93; }
.rav4u-5 { background-color: #b762ff; }
.rav4u-6 { background-color: #0042ff; }

.rav4u-h1h2 {
  background-image: linear-gradient(rgba(78, 228, 196, 0.1), rgba(68, 237, 147, 0.1));
}

.rav4u-text-doomscroll {
    display: flex;
    text-align: left;
    justify-content: space-between;
    background-color: rgba(0, 0, 0, 0.1); /* Optional: for better visibility */
    font-weight: bold;
    color: #111;
    padding-top: 0.5em;
    padding-left: 1em;
}

.rav4u-text-doomscroll-1{
    display: flex;
    text-align: left;
    justify-content: space-between;
    background-color: rgba(0, 0, 0, 0.1); /* Optional: for better visibility */
    color: #111;
    padding-left: 2em;
}

.rav4u-text-white {
    color: #fff;
}


.ravu-details-vertical p {
    margin-bottom: 0.5em; /* Adjust spacing between items */
    text-align: left; /* Center the text */
}

.ravu-details-vertical strong {
    color: #111; /* Ensure strong tag inherits color or set specific */
}

a {
    color: #008;
}

@media (min-width: 999px) {
    .rav4u-mobile-peek-a-boo {
        display: none;
    }
}


@media (max-width: 1000px) {
    .rav4u-table-peek-a-boo {
        display: none;
    }
}