@import "../variables/fonts.scss";
@import "../variables/colors.scss";
$font-size-modal-title: 18px;

// .modal {
//     background-color: rgba(0, 0, 0, 0.5);
//     transition-property: background-color, opacity, display;
//     transition-duration: 200ms;
//     display: block;
//     height: 0;
//     width: 0;
// }

// .modal.show {
//     height: 100%;
//     width: 100%;
// }

// .modal.leaving {
//     height: 100%;
//     width: 100%;
// }

.modal .modal-header {
    text-align: center;
    background-color: #545d70;
    color: #fff;
}

.modal .modal-content {
    background-color: transparent;
}

.modal .modal-body,
.modal .modal-footer {
    background-color: $white;
}

.modal .modal-header .modal-title {
    width: 100%;
    font-size: $font-size-modal-title;
    font-family: $font-family-raleway;
    font-weight: 200;
}

.modal .close {
    color: #fff;
    text-shadow: 0 1px 0 #fff;
}