html,
body {
    // font-family: "Roboto", sans-serif;
    font-family: var(--font-family);
    margin: 0;
    padding: 0;
    overflow-x: hidden;
    word-break: break-word;
    //prevent flashing on load. Introduced "bug" in Chrome, therefore not used
}
//prevent the colored highlighting of links on certain elements (for menu items) on chrome
.webkitNoSelect {
    -webkit-tap-highlight-color: transparent; 
} 
// Webkit scrollbar
/* width */
::-webkit-scrollbar {
    width: 5px;  
}

/* Track */
::-webkit-scrollbar-track {
    background: var(--default-bg-color);
}
/* Handle */
::-webkit-scrollbar-thumb {
    background: var(--font-color);
}
/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: var(--menu-bg-color);
}

// .post-edit-link{
//     display: flex;
//     align-items: flex-start;
// }

// .wp-block-embed-youtube{
//     position: relative; 
//     display: block;
//     height: 0;
//     padding: 0;
//     overflow: hidden;
//     padding-bottom: 56.25%;
//     margin: 0 0 50px 0;

//     .wp-block-embed__wrapper, 
//         iframe,
//         embed,
//         object,
//         video {
//           position: absolute; 
//           top: 0;
//           bottom: 0;
//           left: 0;
//           width: 100%;
//           height: 100%;
//           border: 0;
//     }

// }