﻿/*Aid Theme Styles*/

.umbraco-forms-aid {
    padding: 3px;
}

    .umbraco-forms-aid legend {
        border-bottom: none;
    }

    .umbraco-forms-aid label {
        font-size: 20px;
        font-weight: normal;
        padding-left: 0px;
        margin-bottom: 5px;
    }

    .umbraco-forms-aid .label-l,
    .umbraco-forms-aid .legend-l {
        font-size: 36px;
        font-weight: 400;
    }

    .umbraco-forms-aid .label-m,
    .umbraco-forms-aid .legend-m {
        font-size: 24px;
        font-weight: 400;
    }

    .umbraco-forms-aid .label-s,
    .umbraco-forms-aid .legend-s {
        font-size: 20px;
        font-weight: 400;
    }

    .umbraco-forms-aid .form-control {
        border: 2px solid #333;
        border-radius: 0px;
    }

        .umbraco-forms-aid .form-control:focus {
            border: 2px solid #333;
            outline: 3px solid #ffbf47;
            outline-offset: 0;
            box-shadow: inset 0 0 0 2px;
        }

    .umbraco-forms-aid .has-error {
        padding-left: 15px;
        border-left: 5px solid #d4351c;
    }

        .umbraco-forms-aid .has-error .help-block,
        .umbraco-forms-aid .help-block {
            font-size: 20px;
            color: #666;
        }

    .umbraco-forms-aid .checkbox-container,
    .umbraco-forms-aid .radio-container {
        display: block;
        position: relative;
        min-height: 40px;
        margin-bottom: 20px;
        padding-left: 40px;
        clear: left;
    }

    .umbraco-forms-aid .gdscheckbox,
    .umbraco-forms-aid .gdsradio {
        cursor: pointer;
        position: absolute;
        z-index: 1;
        top: -2px;
        left: -2px;
        width: 44px;
        height: 44px;
        margin: 0;
        opacity: 0;
    }

    .umbraco-forms-aid .checkbox-label,
    .umbraco-forms-aid .radio-label {
        display: inline-block;
        margin-bottom: 0;
        padding: 6px 15px 5px;
        cursor: pointer;
        touch-action: manipulation;
        font-size: 20px;
    }

        .umbraco-forms-aid .checkbox-label::before,
        .umbraco-forms-aid .radio-label::before {
            content: "";
            box-sizing: border-box;
            position: absolute;
            top: 0;
            left: 0;
            width: 40px;
            height: 40px;
            border: 2px solid currentcolor;
            background: rgba(0,0,0,0);
        }

        .umbraco-forms-aid .radio-label::before {
            border-radius: 50%;
        }

    .umbraco-forms-aid .gdscheckbox:focus + .checkbox-label::before,
    .umbraco-forms-aid .gdsradio:focus + .radio-label::before {
        border-width: 4px;
        outline: 3px solid rgba(0,0,0,0);
        outline-offset: 1px;
        box-shadow: 0 0 0 3px #ffbf47;
    }


    .umbraco-forms-aid .gdscheckbox:checked + .checkbox-label::after,
    .umbraco-forms-aid .gdsradio:checked + .radio-label::after {
        opacity: 1;
    }

    .umbraco-forms-aid .radio-label::after {
        content: "";
        position: absolute;
        top: 10px;
        left: 10px;
        width: 0;
        height: 0;
        border: 10px solid currentcolor;
        border-radius: 50%;
        opacity: 0;
        background: currentcolor;
    }

    .umbraco-forms-aid .checkbox-label::after {
        content: "";
        box-sizing: border-box;
        position: absolute;
        top: 11px;
        left: 9px;
        width: 23px;
        height: 12px;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        border: solid;
        border-width: 0 0 5px 5px;
        border-top-color: rgba(0,0,0,0);
        opacity: 0;
        background: rgba(0,0,0,0);
    }

    .umbraco-forms-aid input[type=file] {
        border-radius: 0px;
    }

        .umbraco-forms-aid input[type=file]:focus {
            outline: 3px solid #ffbf47;
            box-shadow: inset 0 0 0 4px #333;
        }

    .umbraco-forms-aid .umbraco-forms-fieldset {
        margin-bottom: 60px;
    }

    .umbraco-forms-aid .field-validation-container > span > span {
        display: block;
        margin-bottom: 15px;
    }

    .umbraco-forms-aid .validation-summary-errors {
        border: 5px solid #d4351c;
        margin-bottom: 60px;
        padding: 30px;
    }

        .umbraco-forms-aid .validation-summary-errors h2 {
            font-size: 28px;
            font-weight: 700;
            margin: 0px 0px 20px 0px;
            padding: 0px;
        }

        .umbraco-forms-aid .validation-summary-errors ul {
            margin: 0px;
        }

        .umbraco-forms-aid .validation-summary-errors a,
        .umbraco-forms-aid .field-validation-error {
            font-size: 20px;
            font-weight: 700;
            color: #a94442;
        }

        .umbraco-forms-aid .validation-summary-errors a {
            text-decoration: underline;
        }

            .umbraco-forms-aid .validation-summary-errors a:hover {
                color: #622826;
            }



.richtext {
    background-color: #fff;
    padding: 30px;
    border-radius: 10px;
    border: 2px solid #8e86ce;
    /*        margin-top: 20px;
                margin-bottom: 20px;*/
}
