/**


*/
@font-face {
    font-family: 'Schoolbell';
    src: url('../fonts/Schoolbell-Regular.ttf');
}

@font-face {
    font-family: 'Chalkboard';
    src: url('../fonts/Pangolin-Regular.ttf');
}

@font-face {
    font-family: 'Handwriting';
    src: url('../fonts/PatrickHand-Regular.ttf');
}

.font-osd {
    font-family: 'Schoolbell';
}

.font-chalked {
    font-family: 'Chalkboard';
}

.font-written {
    font-family: 'Handwriting';
}


/**
    BG COLORS
    FONT COLORS
*/
.bg-cream {
    background-color: #FAE1C2;
}

.bg-brassgold {
    background-color: #D9AE61;
}

.bg-salmon {
    background-color: #E79D9D;
}

.text-cream {
    color: #FAE1C2;
}

.text-brassgold {
    color: #D9AE61;
}

.text-salmon {
    color: #E79D9D;
}

.link-osd {
    color: black;
}

.link-osd:hover {
    color: #E79D9D !important;
}


/**
    BUTTONS
*/
.btn-osd {
    background-color: #E79D9D;
    color: white;
}

.btn-osd:hover {
    background-color: white;
    border: 1px solid #E79D9D;
    color: #E79D9D;
}

/**


*/
.heed {
    position: relative;
}

.sunshade {
    width: 100%;
    height: 100%;

    position: absolute;
    top: 0;
    left: 0;

    background-color: #00000085;
}

/**/
.truncate {
    white-space: normal;
    text-overflow: ellipsis;
    overflow: hidden;
}

.osd-textarea {
    height: 100% !important;
}

.fbapi-image {
    width: 100%;
    height: 100%;
}