/* Have fun adding your style here :) - PS: At all times this file should contain a comment or a rule, otherwise opera might act buggy :( */

/* General Custom CSS */

:root {
    --mobile-breakingpoint: 767px;
    --animation-length-short: 300ms;
}

@font-face {
    font-family: 'Open Sans';
    src: url('https://stella-musica.com/wp-includes/fonts/opensans.ttf') format('truetype');
}

.hidden {
    display: none;
}

.desktop-hidden {
    display: none !important;
}

.capitalize {
    text-transform: capitalize;
}

.solid-line {
    border-bottom: solid black 1px;

    z-index: 0;

    position: absolute;
    top: 50%;
    left: 0;

    width: 100%;
}

.fa-spotify {
    color: #00d084 !important;
}

.fa-amazon {
    color: #0F1111 !important;
}

.fa-youtube {
    color: #FF0000 !important;
}

.padding-header {
    padding-top: 1rem;
}

/*
Desktop Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the desktop view of your site */

@media only screen and (min-width: 768px) {
    /* Add your Desktop Styles here */
}

/*
Mobile Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the Mobile and Tablet Portrait view */
@media only screen and (max-width: 767px) {
    .desktop-hidden {
        display: inline-block !important;
    }

    .mobile-hidden {
        display: none;
    }
}