.math {
    text-align: left;
}
.eqno {
    float: right;
}
p { text-align: justify; }
table.list-table td {
    vertical-align: middle;
}
.div.code-block .caption {
    color: red;
}
.wy-nav-content {
    max-width: 1200px !important;
}
button.copybtn {
    opacity: 1;
    color: #003274;
}

/* Custom styles for the warning admonition */
.admonition.warning {
    background-color: #fcf4cc !important; /* Change background color */
    border: 4px solid #ffcc00 !important; /* Change border color */
    color: #333333 !important; /* Change text color */
    padding: 10px 10px 10px 80px !important; /* Adjust padding to accommodate the logo */
    position: relative !important;
    border-radius: 5px !important; /* Optional: rounded corners */
    box-shadow: 0 8px 12px rgba(0, 0, 0, 0.25) !important; /* Optional: add a shadow for depth */
}

.admonition.warning::before {
    content: "" !important;
    display: block !important;
    width: 80px !important; /* Width of the logo */
    height: 80px !important; /* Height of the logo */
    background-image: url('../warning-logo.png') !important; /* Path to your logo */
    background-size: contain !important;
    background-repeat: no-repeat !important;
    position: absolute !important;
    top: 10px !important; /* Adjust positioning */
    left: 0px !important; /* Adjust positioning */
}

.admonition.warning .admonition-title {
    margin-left: 80px !important; /* Adjust to avoid overlap with the logo */
}