﻿.feedback-container {
    display: none;
    border: 2px solid #dcdcdc;
    background: #fff;
    max-width: 35em;
    padding: 2.5em 20px;
    margin: 0 auto 80px;
    margin: 0 auto 5rem;
    font-size: 1.375rem;
    line-height: 1.6;
    color: #141414;
    font-family: "Noto Sans VF","Noto Sans","Helvetica","Arial",sans-serif;
}

    .feedback-container.cms-loaded {
        display: block;
    }

    .feedback-container .feedback-field {
        margin: 1rem;
    }

    .feedback-container .feedback-radio-label {
        margin-right: 1em;
    }

    .feedback-container .feedback-radio-input {
        display: none;
    }

        .feedback-container .feedback-radio-input:checked + .feedback-radio-display {
            background: radial-gradient(#141414 27%, #FFF 0%, #FFF 100%);
        }

    .feedback-container .feedback-radio-display {
        position: relative;
        top: 5px;
        height: 1em;
        width: 1em;
        transition: background 5s ease-out;
        background: radial-gradient(#FFF 30%, #FFF 0%, #FFF 100%);
        border-radius: 50%;
        display: inline-block;
        border: 2px solid #707070;
        margin-right: 0.5rem;
    }

    .feedback-container .feedback-question {
        margin-bottom: .25em;
        padding: 0;
        font-weight: 400;
    }

        .feedback-container .feedback-question .feedback-question-note {
            font-weight: 350;
        }



    .feedback-container .feedback-textarea {
        resize: none;
        overflow: hidden;
        background-color: #fff;
        border: 2px solid #dcdcdc;
        font-size: 22px;
        font-size: 1.375rem;
        font-weight: 350;
        width: 100%;
        max-width: 100%;
        min-height: 135px;
        padding: 18px;
    }

    .feedback-container .feedback-textarea-container div[aria-hidden] {
        display: block;
        line-height: 23.562px;
        line-height: 1.625rem;
        /*
	position: absolute;
	bottom: 8px;
	right: 5px;
	*/
        /*
	position: relative;
	bottom: 2.1em;
	left: 38.5em;
	*/
        /*top: auto;*/

        text-align: right;
        margin-right: 1rem;
        margin-bottom: 1.5em;
        margin-top: -2.5em;
        font-size: 14.5px;
        font-size: 1rem;
        font-weight: 400;
    }

.ma__helper-text {
    font-size: 16px;
    font-size: 1rem;
    line-height: 23.008px;
    line-height: 1.438rem;
    margin-top: 10px;
    font-style: italic;
    font-weight: normal;
}

.ma__button {
    border: 3px solid;
    -webkit-box-shadow: 0 0.25rem 0.5rem rgba(1,1,1,.25);
    box-shadow: 0 0.25rem 0.5rem rgba(1,1,1,.25);
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    letter-spacing: .1em;
    padding: .4em 1em;
    text-decoration: none;
    text-transform: uppercase;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 1.4;
    font-weight: 550;
    background-color: #14558f;
    border-color: transparent;
    color: #fff;
}

.ma__content-link--chevron {
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    text-decoration: none;
    font-weight: 700;
    color: #14558f;
    border: 0;
    background: transparent;
}

    .ma__content-link--chevron:after {
        border-right: 4px solid;
        border-bottom: 4px solid;
        content: "";
        display: inline-block;
        height: 10px;
        transform: translateY(-45%) rotate(-135deg);
        transform-origin: 75% 75%;
        transition: all .2s;
        vertical-align: middle;
        width: 10px;
    }

.ma__mass-feedback-form__form--user-response.feedback-response button.ma__content-link--chevron::after {
    top: 0;
    border-color: rgba(20,85,143,.5);
}

.ma__mass-feedback-form__form--user-response .no-response-info {
    max-height: 0;
    overflow: hidden;
    margin: 0;
    -webkit-transition: max-height .3s linear;
    -o-transition: max-height .3s linear;
    transition: max-height .3s linear;
    font-weight: 350;
    font-size: 1.375rem;
}

.ma__mass-feedback-form__form--user-response.is-open button.ma__content-link--chevron::after {
    top: -4px;
    transform: translateY(-45%) rotate(45deg);
}

.ma__mass-feedback-form__form--user-response.is-open .no-response-info {
    max-height: 80px;
    max-height: 5rem;
    -webkit-transition: max-height .3s linear;
    -o-transition: max-height .3s linear;
    transition: max-height .3s linear;
}



.ma__button:hover:not(:disabled) {
    background-color: rgba(20,85,143,.75);
}

.ma__button--small {
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.2;
}

.ma__fixed-feedback-button {
    border-style: solid;
    border-width: 4px 4px 0 4px;
    border-radius: 5px 5px 0 0;
    border-color: rgba(56,133,87,.5);
    background-color: #fff;
    display: inline-block;
    padding: 0 10px;
    margin-top: 0 !important;
    position: fixed;
    right: 40px;
    bottom: 288px;
    bottom: 18rem;
    -webkit-transform-origin: top right;
    -ms-transform-origin: top right;
    transform-origin: top right;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    pointer-events: none;
    z-index: 90;
}

    .ma__fixed-feedback-button a, .ma__fixed-feedback-button a:not([href]):not([tabindex]) {
        color: #388557;
        font-size: 24px;
        font-size: 1.5rem;
        font-weight: 400;
        text-decoration: none;
        letter-spacing: 2.4px;
        letter-spacing: .15rem;
        pointer-events: auto;
    }

.feedback-container.submitted .feedback-field {
    display: none;
}

.feedback-container.submitted .thank-you-panel {
    display: block;
}

.feedback-container .thank-you-panel {
    display: none;
}

.feedback-container .thank-you-panel {
    text-align: center;
    font-weight: 500;
}
