/**
* Theme Name: Bark & Bloom (Flatsome Child)
* Description: CSS to support the typed message
*  - Used in conjunction with typed-message.js
* Author: Gareth
* Template: flatsome
* Version: 1.1
**/


.typewriter-container {
    font-family: 'TypeWriter', Courier, monospace;
    font-size: 2em;
    font-weight: 600;
    color: #007F80;
    white-space: nowrap;
    overflow: hidden;
    /* Hide the text that's being "deleted" */
    border-right: 2px solid black;
    /* Create a blinking cursor effect */
    animation: blink-cursor 0.7s steps(2, start) infinite;
    width: fit-content;

    /* Fix the height to prevent content moving */
    height: 2em;
    line-height: 2em;
}

body.test-2 .typewriter-container {
    color: black; /* Base text color */
}

/* Green text styling
.green-text {
    color: green;
}
*/


@keyframes blink-cursor {
    from {
        border-color: black;
    }
    to {
        border-color: transparent;
    }
}

@media only screen and (max-width: 600px) {

    .typewriter-container {
        font-size: 1.5em;
        height: 1.5em;
        line-height: 1.5em;
    }

}