/* ---- Contenue des Pages ---- */

    .post-content > form > div > div:nth-child(1n+0) { margin: 20px 0;}

/* Fields */

    legend {
        margin: 20px 0;
        padding: 10px 5px;

        font-size: 25px;
        font-weight: bold;

        border: none;
        border-bottom: 1px solid rgb(0, 162, 179);
    }

    input {
        height: 25px;
        width: 100%;

        margin: 10px 0;

        -webkit-transform: translateZ(0);
        -webkit-transition: all 0.2s ease-out;
        -moz-transition: all 0.2s ease-out;
        -o-transition: all 0.2s ease-out;
        transition: all 0.2s ease-out;

        border: none;
        border-bottom: 1px solid #004158;
    }

    input.formError {
        color: #D44A26;
        border: 2px solid rgba(212, 74, 38, 1);
    }
    input.formError:focus { border: 2px solid rgba(174, 60, 30, 1); }

    input[type="radio"],
    input[type="checkbox"] {
        margin: 4px;
        width: auto;
        vertical-align: middle;
    }

    input[type="radio"],
    input[type="radio"]:not(:checked) + label,
    input[type="radio"]:checked + label,
    input[type="checkbox"],
    input[type="checkbox"]:not(:checked) + label,
    input[type="checkbox"]:checked + label {
        cursor: pointer;

        -webkit-transform: translateZ(0);
        -webkit-transition: all 0.2s ease-out;
        -moz-transition: all 0.2s ease-out;
        -o-transition: all 0.2s ease-out;
        transition: all 0.2s ease-out;
    }

    input[type="radio"]:checked + label,
    input[type="checkbox"]:checked + label { color: #004158; }

    input[type="radio"]:not(:checked) + label:hover,
    input[type="checkbox"]:not(:checked) + label:hover { color: #004158; }

    input[type="checkbox"]:checked + label:hover { color: #000000; }


    input[type="search"] {
        height: auto;
        width: 30%;
        padding: 12px 20px 12px 40px;

        font-size: 16px;
        color: #626262;

        -webkit-transition: width 0.4s ease-in-out;
        transition: width 0.4s ease-in-out;
    }

    input[type="search"]:focus { width: 100%; }

    select {
        /*width: 100px;*/
        margin: 1px;
        padding: 1px 10px;
        border: none;

        color: #FFFFFF;
        background-color: #004158; /* #f1f1f1 */
        /* box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.2); */
        font-size: 16px;

    }

    select > option {
        padding: 8px;

        color: #424242;
        background-color: #EEE;

        border: none;
        border-bottom: 1px solid #004158;
    }

    textarea {
        height: 150px;
        width: 100%;

        resize: vertical;
        background: #f6f6f6;
        padding: 10px;

        border: none;
        border-bottom: 1px solid #004158;
    }

    textarea.formError {
        color: #D44A26;
        border: 2px solid rgba(212, 74, 38, 1);
    }
    textarea.formError:focus { border: 2px solid rgba(174, 60, 30, 1); }

    input:focus,textarea:focus { border-bottom: 1px solid rgb(0, 162, 179); }

/* END Fields */

/* ---- END Contenue des Pages ---- */