/*
* Menu primary
*/

.container-primary-nav{
    display:flex;
}

.container-primary-nav .menu-item {
    margin-left:0.5rem;
}

/*
* Form
*/
form {
    padding:0;
    margin:0;
}

/*
*
*/

.lq-label {
    font-size:0.9rem;
    line-height:1rem;
}

/*
* A - links, buttons
*/

.lq-link-button-1{
    padding:0.3rem 0.2rem;
    min-width:80px;

    display:flex;align-items: center;justify-content: center;

    font-size:1rem;
    line-height:1.2rem;
    color:rgb(80,80,80,1);
    text-decoration:none;

    border:1px solid rgb(255,255,255,0.3);
    background:rgb(255,255,255,0.2);
}

.lq-link-button-1:hover {
    color:rgb(20,20,20,1);
}

/*
* Select - option
*/

.lq-select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;

    padding: 0.3rem 0.5rem;

    font-size: 0,9rem;
    line-height: 1rem;
    font-family: inherit;

    cursor: pointer;
    transition: border-color 0.2s, box-shadow 0.2s;

    border-radius: 4px;
    border: 1px solid rgb(255,255,255,0.35);
    

    background-image: url("data:image/svg+xml,%3Csvg fill='none' stroke='%23333' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 16px 16px;

    background-color: rgb(255,255,255,0.75);
    color: #333;
    
}

.lq-select:hover {
    border-color: #888;
}

.lq-select:focus {
    outline: none;
    border-color: #666;
    box-shadow: 0 0 0 2px rgba(100, 100, 255, 0.2);
}

.lq-option {
    padding: 10px;
}