/**
 * Add any custom CSS here.
 *
 * This file will be loaded after all other theme stylesheets.
 */

/*----- NAV -----*/
#logo-desktop, #logo-mobile{
    padding: 0;
    margin: 0;
}
#logo-desktop{
    display: block;
}
#logo-mobile{
    display: none;
}
@media screen and (max-width: 599px){
    #logo-desktop{
        display: none;
    }
    #logo-mobile{
        display: block;
    }
}

/*----- GENERAL -----*/
.wp-site-blocks{
    padding-bottom: 0;
}
.wp-block-post-content{
    margin-top: 0;
    margin-block-start: 0!important;
}

/*----- FORM -----*/
form.wpcf7-form label, form.wpcf7-form input[type="text"], form.wpcf7-form input[type="email"], form.wpcf7-form textarea{
    width: 100%;
}
form.wpcf7-form input[type="text"], form.wpcf7-form input[type="email"], form.wpcf7-form input[type="tel"], form.wpcf7-form textarea{
    border: 0;
    width: 100%;
}
form.wpcf7-form input[type="submit"]{
    border-radius: 8px;
    padding: 0.5em 1.2em;
    cursor: pointer;
    background-color: var(--wp--preset--color--secondary) !important;
    color: white;
    border: 0;
    font-weight: 600;
    transition-duration: .2s;
    padding: 1em 1.33em;
}
form.wpcf7-form input[type="submit"]:hover{
    background-color: var(--wp--preset--color--primary) !important;
}

/*----- HOME PAGE -----*/
.block-value{
    box-shadow:0px 8px 12px rgba(0, 0, 0, 0.1);
}

/*----- CATS -----*/
.categories-dropdown-menu select{
    background-color: white;
    border: 0;
    border-raidus: 8px;
    padding: 1em 1.33em;
}

/*----- BUTTONS -----*/
.wp-element-button{
    transition-duration: .2s;
}
.wp-element-button.has-secondary-background-color:hover{
    background-color: var(--wp--preset--color--primary) !important;
}
.wp-element-button.has-primary-background-color:hover{
    background-color: var(--wp--preset--color--secondary) !important;
}