/*
Theme Name: SPOONSPORTS
Theme URI: https://www.spoonsports.jp
Author: chaos co. ltd.
Author URI: https://www.chaosbox.com
Description: SPOON SPORT用テーマ
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: spoonposrts-theme
*/

#cf7md-form .mdc-button--raised:not(:disabled) {
    background-color: #454545;
    box-shadow: none;
}
#cf7md-form .mdc-button--raised:not(:disabled):hover {
    background-color: #454545;
}

#cf7md-form .mdc-button--raised:not(:disabled).cf7md-submit-btn {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    height: calc(48 / 1440 * var(--vw));
    border-radius: calc(24 / 1440 * var(--vw));
    border: 1px solid #0068b7;

    width: calc(400 / 1440 * var(--vw));
    background-color: #0068b7;

    margin-top: calc(40 / 1440 * var(--vw));
    margin-left: auto;
    margin-right: auto;
}

@media only screen and (min-width: 812px) {
    #cf7md-form .mdc-button--raised:not(:disabled).cf7md-submit-btn {
        transition: background-color .4s cubic-bezier(0.45, 0, 0.55, 1), border .3s cubic-bezier(0.45, 0, 0.55, 1);
    }

    #cf7md-form .mdc-button--raised:not(:disabled).cf7md-submit-btn:hover {
        background-color: #ffcc57;
        border: 1px solid #ffcc57;
        color: #3f404a;
    }
}

@media only screen and (max-width: 812px) {
    #cf7md-form .mdc-button--raised:not(:disabled).cf7md-submit-btn {
        margin-top: calc(40 / 375 * var(--vw));
        width: calc(287 / 375 * var(--vw));
        height: calc(48 / 375 * var(--vw));
        border-radius: calc(24 / 375 * var(--vw));
        margin-left: auto;
        margin-right: auto;
        font-size: calc(16 / 375 * var(--vw));
    }
    #cf7md-form .mdc-button--raised:not(:disabled).cf7md-submit-btn:nth-child(n+2) {
        margin-top: calc(24 / 375 * var(--vw));
    }
}

#cf7md-form .cf7md-file .cf7md-help-text,
#cf7md-form .cf7md-help-text {
    margin-top: calc(16 / 1440 * var(--vw)) !important;
    font-size: calc(16 / 1440 * var(--vw)) !important;
    line-height: 1.8 !important;
}

#cf7md-form .cf7md-file .cf7md-label {
    position: relative;
    margin-left: calc(8 / 1440 * var(--vw));
    padding-left: calc(11 / 1440 * var(--vw));
    font-weight: 600;
    font-size: calc(16 / 1440 * var(--vw));
    line-height: 1.8;
    letter-spacing: .08em;
}

#cf7md-form .cf7md-file .cf7md-label:before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    width: 3px;
    height: calc(14 / 1440 * var(--vw));
    transform: translate3d(0, -50%, 0);
    background-color: #0068b7;
}

#cf7md-form hr {
    width: 100%;
}
#cf7md-form .underline {
    text-decoration: underline;
}

#cf7md-form .form-separator {
    border-top: 1px solid silver;
    margin: 2em 0;
}

@media only screen and (max-width: 812px) {
    #cf7md-form .cf7md-file .cf7md-label {
        margin-left: calc(8 / 375 * var(--vw)) !important;
        padding-left: calc(11 / 375 * var(--vw)) !important;
        font-size: calc(16 / 375 * var(--vw)) !important;
    }

    #cf7md-form .cf7md-file .cf7md-label:before {
        height: calc(14 / 375 * var(--vw));
    }

    #cf7md-form .cf7md-file .cf7md-help-text,
    #cf7md-form .cf7md-help-text {
        margin-top: calc(16 / 375 * var(--vw)) !important;
        font-size: calc(16 / 375 * var(--vw)) !important;
    }
}

.wpcf7 input,
.wpcf7 select,
.wpcf7 textarea {
    border: 1px solid #CDCCCC;
    padding: 0 0.5em;
    border-radius: 4px;
}

.wpcf7 a {
    text-decoration: underline;
}

.wpcf7 input[type=submit] {
    padding: 0 1em;
    border: none;
    background-color: #0068B7;
    color: white;
    transition-duration: 0.25s;
    transition-property: background-color;
}

.wpcf7 input[type=submit]:disabled {
    background-color: #ADADC3;
}

@media only screen and (max-width: 812px) {
    .wpcf7 input,
    .wpcf7 select,
    .wpcf7 textarea {
        width: 100%;
        line-height: 150%;
        padding: 0.25em;
    }

    .wpcf7 input[type=submit] {
        width: auto;
        padding: 0.5em 2em;
    }

    .wpcf7 input[type=checkbox] {
        width: 1.25em;
        height: 1.25em;
    }

    .wpcf7 .acceptance-privacypolicy {
        margin-right: 0.5em;
    }
}