@font-face {
    font-family: Telefonica;
    src: url("TelefonicaFonts/Telefonica_Sans_Regular.woff2");
}

@font-face {
    font-family: TelefonicaScript;
    src: url("TelefonicaFonts/PlayfairDisplay.woff2");
}





* {

font-family: Telefonica; 
}

.sidebar-timeframe-button {

    font-family: Telefonica;
    background: none;
    color: #ffffff;
    
}

.sidebar-timeframe-button:hover {

    background-color: #0066ff;
    color: white;
}

.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;
    color: #ffffff;
    
}

#map .h5, #map .h6 {

    padding-top:10px;
}

.dialog-type1 h2, .tall-video .text-content h2, .dialog-type2-text .text-content h3 {

    padding-top:12px;
    

}

.dialog-type1 h2,  .dialog-type1 h4,.h5, .dialog-type1 .text-content p,  .dialog-type3 .tall-video .text-content p, .dialog-type9 .tall-video .text-content p, .dialog-type2-text .text-content p, .h9,  .tall-video .text-content h2, #map .h5, #map .h6, .tall-video, .dialog-type2-text .text-content h3, .text-content h2,  .dialog-type6 .message-container .h5, .sidebar-timeframe-button.active {

        color: #131313;
        

}

.dialog-type1 .text-content h3, .dialog-type2-text h4,  .dialog-type1 h4, .dialog-type3 .tall-video .text-content h4,.dialog-type6 .message-container .h6 {

    color:#0066ff;
}

.sidebar-toggle{
    background-color: #0066ff;
color: white;
}
.sidebar-toggle:hover{
color: white;
background-color: #134ea5;

}

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

    background-color: #0066ff;
}

.dialog-type9 .circle-video, .dialog-type3 .circle-video {

    border: 7px solid #0066ff;
}

 p {

    color: #454545;
}
#logocontainer {
padding-left:20px;
    text-align:center;
}

.sidebar-main-content {

    padding-top: 44px;
    

}

.sidebar-toggle:hover {

    background-color: #0066ff;
}

#canvas {

    border: 1px solid #0066ff;
}

.dialog-type6 .message-container .h7 {

    background: -webkit-linear-gradient(left,#131313);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: bold;
    font-size:28px;
    margin-top:26px;


}


.dialog-type1 .text-content p, .dialog-type2-text .text-content p, #softwaredemo .h5, .dialog-type3 .tall-video .text-content p{
font-size: 16px;
line-height: 1.4;
}



#sidebar{

    background: #0066ff;
    color: #ffffff;
}

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

.dialog-type1, .dialog-type3 .tall-video {

    background: rgba(255, 255, 255, 0.9);
}

.dialog-type1 .text-content h3 {

    font-weight: bold;
}

#dialog3-text, #logging, #wiping, #remarketing, #replacementstreet, #recycling, #dialog3-video2, #Assessment, #Assessment2, #Preparing, #Filtering, #Filtering2, #reporting, #replacement, #Preparing2, #Repurposing, #Preparing3, #Assessment3, .dialog-type3 .tall-video, .dialog-type9 .tall-video{

    background: rgba(255, 255, 255, 0.9);
}