/* 
    Created on : November 2019
    Author     : RICHE Vincent
*/

@import url("common.css");
@media (min-width: 320px) and (max-width: 1024px) and (orientation: portrait) {
    #navigation,
    #menu {
        top: 1%;
        left: 2.5%;
    }

    #menu {
        right: 2.5%;
        left: auto;
    }

    #navigation li a,
    #menu li a {
        width: 8vw;
        height: 8vw;
        font-size: 4.2vw;
    }

    #location, 
    #city {
        font-size: 4.2vw;
    }

    #city {
        margin: 0 0 0 1.5%;
    }

    h1 {    
        margin: 6% auto;
        font-size: 12vw;
        text-shadow: 2px 2px var(--main-background-color);
    }
    
    h2, i {    
        margin: 2.5% 0 0 0;
        font-size: 7vw;
        text-shadow: 2px 2px var(--main-background-color);
    }

    #loader {
        margin: 5% auto 0 auto;
    }

    .loader {
        width: 100px;
        height: 100px;
    }

    .loader div {
        margin: 4px;
        border: 4px solid var(--main-text-color);
    }

    .places {
        width: 100%;
    }

    .places li {
        border: none;
    }

    .places li h3 {
        font-size: 6vw;    
    }
    
    .places li p{
        font-size: 5vw;
    }
    
    .popup {
        width: 90%;
        top: 5%;
        right: 5%;
    }
    
    .popup h2 {
        font-size: 7vw;
        margin: 9% 0 0 0;
    }

    .popup .close {
        top: 2%;
        right: 2%;
        font-size: 7vw;
    }

    form {
        padding: 2.5%;
    }

    form label {
        font-size: 6vw;
    }

    form input {
        padding: 0.5% 1%;
        font-size: 5.5vw;
    }

    form select {
        font-size: 4.5vw;
    }

    form #submitBarsClubs,
    form #submitCity,
    form #submitBarClubTheme {
        font-size: 5.0vw;
        margin-top: 2%;
    }

    #popupFilter {
        font-size: 6.0vw;
    }

    form #popupBarsList,
    form #popupClubsList {
        font-size: 7vw;
        padding: 0;
    }

    form #popupClubsList {
        font-size: 7vw;
        padding: 10% 0 25% 0;
    }

    form #popupBarsList > p,
    form #popupClubsList > p {
        font-size: 6vw;
    }

    form #popupBarsList li h3,
    form #popupClubsList li h3 {
        font-size: 5.5vw;
    }

    form #popupBarsList li p,
    form #popupClubsList li p {
        font-size: 5.7vw;
    }

    #footer p,
    #footer a {
        font-size: 4.5vw;
    }
}