/*
Theme Name: Twenty Twenty Five Child
Theme URI: 
Author: Alowa Studio
Author URI: 
Description: 
Requires at least: 6.8
Tested up to: 6.8
Requires PHP: 5.7
Version: 
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Template: twentytwentyfive
Text Domain: twenty-twenty-five-child
Tags: 
*/

/* add smooth scroll */
html {
    scroll-behavior: smooth;
}

/* unset link style */
.unsetLinkStyle a{
    font-family: var(--wp--preset--font-family--literata)!important;
}
.unsetLinkColor a{
    color: var(--wp--preset--color--contrast)!important;
}


form.wpcf7-form {
    color: var(--wp--preset--color--accent-1);
    font-size: medium;
    font-weight: 500;
    width: 40vw;
}

form.wpcf7-form input, form.wpcf7-form textarea {
    width: 100%;
    margin-top: 10px;
    padding: 10px 20px;
    border-radius: 30px;
    border: 1px solid var(--wp--preset--color--accent-1);
    background-color: var(--wp--preset--color--base);
    color: var(--wp--preset--color--contrast);
    resize: none;
}

form.wpcf7-form input:focus, form.wpcf7-form textarea:focus {
    outline: none;
}

input.wpcf7-form-control.wpcf7-submit.has-spinner {
    width: fit-content;
    background-color: var(--wp--preset--color--accent-1);
    color: var(--wp--preset--color--base);
    padding: 1rem 2.25rem;
    font-family: var(--wp--preset--font-family--literata);
    font-weight: 600;
    font-size: var(--wp--preset--font-size--medium);
    cursor: pointer;
}

input.wpcf7-form-control.wpcf7-submit.has-spinner:hover {
    background-color: var(--wp--preset--color--contrast);
    border: 1px solid var(--wp--preset--color--contrast);
}

.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.sent .wpcf7-response-output {
    border: none;
}

form.wpcf7-form input, form.wpcf7-form textarea{
    max-width: -webkit-fill-available;
    max-width: -moz-available;
}

span.wpcf7-not-valid-tip{
    color: var(--wp--preset--color--contrast);
}

/* prevent phone number from wrapping on mobile */
.noBreakPhone a{
    white-space: nowrap;
}

@media screen {

    form.wpcf7-form {
        width: unset!important;
    }
}