/*
Theme name: Panamá Music
Theme URI: https://panamamusic.com/
Description: Tema para el sitio web de SoloTicket (https://panamamusic.com/).
Author: SOFTTOWN S.A.S
Version: 1.0
License: GNU General Public License v2 or later
License URL: http://www.gnu.org/licenses/gpl-2.0.html
Tags: boletos, eventos, Colombia, panamamusic, panamamusic.com, artistas, conciertos, teatro, deportes, festivales, musica, cultura, entretenimiento, Panamá, Ciudad de Panamá, panamá city.
*/

@import "./styles/events.css";
@import "./styles/therms-and-conditions.css";
@import './styles/artists-events.css';
@import './styles/home.css';
@import './styles/artists-events.css';
@import './styles/artist.css';
@import './styles/artist-detail.css';
@import './styles/us.css';
@import './styles/new-detail.css';
@import './styles/header.css';
@import './styles/footer.css';
@import './styles/contact.css';
@import './styles/experiences-detail.css';
@import './styles/event-detail.css';

@font-face {
    font-family: Audiowide;
    src: url(./assets/fonts/Audiowide-Regular.ttf);
}

@font-face {
    font-family: Montserrat;
    src: url(./assets/fonts/Montserrat-VariableFont_wght.ttf);
}

:root {
    --color-primary: #ec3030;
    --color-tertiary: #1a1d26; 
    --color-secondary: #3c246f; 
    --color-background: #191c26;
}


* {
    font-size: 14px;
}

body,
a,
h1,
h2,
h3,
h4,
li,
p,
button,
span,
label,
ul {
    text-decoration: none !important;
    font-family: "montserrat", sans-serif;
}

body {
    margin: 0;
    font-family: "montserrat", sans-serif;
    height: 100%;
}

#still-image-left {
    position: fixed;
    left: -60PX;
    top: 30%;
    width: 150px;
    height: auto;
    z-index: 999;
}

#still-image-right{
    position: fixed;
    right: -60px; 
    top: 30%; 
    width: 150px; 
    height: auto;
    z-index: 999; 
}

@media only screen and (max-width: 769px) {
    #still-image-left{
        width: calc(150px/1.6);
        left: calc(80px - (80px * 1.6));
    }
    #still-image-right{
        width: calc(150px/1.6);
        right: calc(80px - (80px * 1.6));
    }

}

@media only screen and (max-width: 431px) {
    #still-image-left{
        width: calc(150px/2);
        left: calc(80px - (80px * 1.4));
    }

    #still-image-right{
        width: calc(150px/2);
        right: calc(80px - (80px * 1.4));
    }


}