@font-face {
    font-family: BTCurve;
    src: url("BTCurve/BTCurve_Rg.ttf");
}

* {

font-family: BTCurve; 
}

.sidebar-timeframe-button {

    font-family: BTCurve;
    background: none;
    color: var(--accent);
    border-top:1px solid #f3edff;
}

.sidebar-timeframe-button:hover {

    background-color: var(--secondary);
}

.sidebar-table tr:last-child td { 

    padding: 10px;
}

.sidebar-table, .sidebar-table th, .sidebar-timeframe-button, .sidebar-table tr:last-child td {
    font-size: 16px;
}

#map .h5, #map .h6 {

    padding-top:18px;
}

/* Custom heading classes and special elements */
.h5, .h6, .h9,
#map .h5, #map .h6,
.dialog-problem-solution .message-container .h5,
.dialog-problem-solution .message-container .h6,
.sidebar-table th {
  color: var(--accent);
}


#canvas-continue-button, .play-button {

    background-color: var(--secondary);
}

.dialog-image-demo .circle-video, .dialog-circular-demo .circle-video {

    border: 7px solid var(--secondary);
}

 p {

    color: var(--gray);
}
#logocontainer {

    text-align:center;
}

.sidebar-main-content {

    padding-top: 44px;
    

}

.sidebar-toggle:hover {

    background-color: var(--secondary);
}

#canvas {

    border: 1px solid var(--secondary);
}

/* Larger header for problem-solution dialogs */
.dialog-problem-solution .message-container h4,
.dialog-problem-solution-video .message-container h4 {
    font-size: 3em;
    margin-bottom: 40px;
}

/* Gradient text for quote (second line) */
.dialog-problem-solution .message-container .problem-quote {
    background: -webkit-linear-gradient(left, var(--secondary), #30c2e8);
    background: linear-gradient(to right, var(--secondary), #30c2e8);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: bold;
    font-size: 2em;
    margin-top: 20px;
    margin-bottom: 20px;
    line-height: 1.3;
}

/* Solution text (third line) - same color as h4 */
.dialog-problem-solution .message-container .solution-text {
    color: var(--accent);
    font-weight: 600;
    font-size: 1.5em;
    margin-top: 20px;
    margin-bottom: 20px;
    line-height: 1.4;
}

.dialog-problem-solution .message-container .h7 {
    background: -webkit-linear-gradient(left, var(--secondary), #30c2e8);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: bold;
    font-size: 48px;
    margin-top: 26px;
    margin-bottom: 30px;
}

.dialog-problem-solution, .dialog-problem-solution-video {

    background: linear-gradient(37deg,rgba(229, 244, 250, 0.8) 0%, rgba(255, 255, 255, 0.9) 30%, rgba(255, 255, 255, 0.9) 70%, rgba(226, 218, 243, 0.9) 100%);



}

#sidebar,  .sidebar-toggle{

    background: #ffffff;
}

#overlay {
    width:0px;
    height:0px;
}

/* Background opacity now handled by .dialog-standard */