/* Colors
Bold Coral:  #F26553
Red: #D92D20
Blue: #2F80ED
Link text blue: #327DFA
Text: #171415
Grey Text: #727272
Light grey: #E0E0E0
Border grey: #667085
*/
.ui-widget-overlay {
    background: #171415;
    opacity: 0.8;
}

.ui-widget.ui-dialog {
    font-family: "proxima-nova", Arial, Helvetica, sans-serif;
    font-size: 1.85rem;
    color: #171415;
    padding: 0;
    width: auto !important;
    max-width: 100vw !important;
}

.ui-dialog a:focus,
.ui-dialog button:focus,
.ui-dialog input:focus,
.ui-dialog select:focus,
.ui-dialog textarea:focus,
.ui-dialog area:focus {
  outline: 2px dotted #D85849 !important;
  outline-offset: 3px !important;
}

.ui-dialog .ui-dialog-titlebar button:focus {
    outline-color: #fff !important;
}

.ui-dialog button.ui-dialog-titlebar-close {
    width: 30px;
    height: 30px;
    background: transparent url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHRpdGxlPkNsb3NlIGRpYWxvZzwvdGl0bGU+CjxwYXRoIGQ9Ik0xNiAxNkw4IDgiIHN0cm9rZT0iI2ZmZmZmZiIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTE2IDhMNy45OTk5NyAxNiIgc3Ryb2tlPSIjZmZmZmZmIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4=") no-repeat center center;
    background-size: contain;
    border: none;
    margin: 0;
    right: 20px;
    top: 20px;
}

.ui-dialog button.ui-dialog-titlebar-close:before,
.ui-dialog button.ui-dialog-titlebar-close:after {
    content: none;
    display: none;
}

.ui-widget.ui-widget-content.ui-dialog {
    border: none;
}

.ui-corner-all.ui-dialog {
    border-radius: 16px;
}

.ui-corner-all.ui-dialog-titlebar {
    border-radius: 16px 16px 0 0;
}

.ui-widget-header.ui-dialog-titlebar {
    background: #D85849 url(../../images/swirl--white--full-centre.svg) no-repeat center center;
    background-size: cover;
    color: white;
    border: none;
    font-weight: normal;
    display: flex;
    justify-content: center;
}

.ui-dialog .ui-dialog-title {
    float: none;
    overflow: visible;
    text-overflow: unset;
    white-space: unset;
    text-align: center;
    padding: 46px 30px 18px 30px;
    margin: 0;
}

.ui-dialog-titlebar h2 {
    font-family: "abril_textextrabold", 'Times', 'Times New Roman', serif;
    letter-spacing: normal;
    line-height: 1.4;
    font-size: 3.2rem;
    margin: 0;
    font-weight: normal;
}

.ui-dialog .ui-dialog-titlebar-close.ui-corner-all {
    border-radius: 50%;
}

.ui-dialog .ui-dialog-titlebar-close.ui-button {
    top: 12px;
    right: 12px;
    height: 32px;
    width: 32px;
    margin: 0;
    padding: 0;
    border: none;
    background: white url(../../images/icons/close.svg) no-repeat center center;
    color:#171415;
    display: flex;
    justify-content: center;
    align-items: center;
    text-indent: -999999px;
}

button.ui-dialog-titlebar-close span {
    display: none;
}

button.ui-dialog-titlebar-close:before,
button.ui-dialog-titlebar-close:after {
    content: '';
    display: block;
    width: 2px;
    height: 12px;
    background:#171415;
    flex: 0 0 auto;
}

button.ui-dialog-titlebar-close:before {
    transform: rotate(45deg);
    margin-right: -1px;
}

button.ui-dialog-titlebar-close:after {
    transform: rotate(-45deg);
    margin-left: -1px;
}

.ui-dialog .ui-dialog-content {
    text-align: center;
    padding: 18px 30px 15px 30px;
}

.ui-dialog p.cta-link {
    margin-bottom: 2.8rem;
}

.ui-dialog .ui-widget-content a:not(.button) {
    color: #327DFA;
    text-decoration: underline;
}

.ui-dialog .ui-widget-content a:not(.button):hover,
.ui-dialog .ui-widget-content a:not(.button):active,
.ui-dialog .ui-widget-content a:not(.button):focus {
    color: #D92D20;
}

.ui-dialog .ui-widget-content a.ext svg.ext {
    display: none;
}

.border--top {
    border-top: 1px solid #667085;
    padding-top: 2rem;
}

.donate-dialog--content {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
}

.donate-dialog--content > * {
    flex: 1;
    font-size: 1.8rem;
}