/* Initialization */

.empriva-condoleanceregister-container {
    width: 100%;
}

/* General */

.empriva-condoleanceregister-content-container {
    width: 80%;
    max-width: 1080px;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    font-size: 1.0rem;
}

.empriva-condoleanceregister-container,
.empriva-condoleanceregister-container h1,
.empriva-condoleanceregister-container h2,
.empriva-condoleanceregister-container h3,
.empriva-condoleanceregister-container h4,
.empriva-condoleanceregister-container h5,
.empriva-condoleanceregister-container h6 {
    color: #83766d;
    padding-bottom: 10px;
}

.empriva-condoleanceregister-content-container p {
    line-height: 1.456em;
}

.empriva-condoleanceregister-highlight-color {
    color: #b20c1a;
}

.empriva-condoleanceregister-default-bg-color {
    background-color: white;
}

.empriva-condoleanceregister-alternative-bg-color {
    background-color: #f7f7f7;
}

.empriva-condoleanceregister-header-bg-color {
    background-color: #e4dcd1;
}

.btn.btn-empriva-condoleanceregister-primary,
.btn.btn-empriva-condoleanceregister-primary:visited,
.btn.btn-empriva-condoleanceregister-primary:focus,
.btn-empriva-condoleanceregister-primary,
.btn-empriva-condoleanceregister-primary:visited,
.btn-empriva-condoleanceregister-primary:focus
{
    background-color: #83766d;
    color: white;
    border: 1px solid #70655d;
    box-shadow: none;
}

.btn.btn-empriva-condoleanceregister-primary:hover,
.btn-empriva-condoleanceregister-primary:hover {
    background-color: #70655d;
    color: white;
}

.btn.btn-empriva-condoleanceregister-default,
.btn.btn-empriva-condoleanceregister-default:visited,
.btn.btn-empriva-condoleanceregister-default:focus,
.btn-empriva-condoleanceregister-default,
.btn-empriva-condoleanceregister-default:visited,
.btn-empriva-condoleanceregister-default:focus {
    background-color: #f7f7f7;
    color: #877b75;
    border: 1px solid #dbdbdb;
    box-shadow: none;
}

.btn.btn-empriva-condoleanceregister-default:hover,
.btn-empriva-condoleanceregister-default:hover {
    background-color: #877b75;
    color: white;
}

.link-empriva-condoleanceregister-primary {
    font-weight: bold;
    color: #70655d;
}

.link-empriva-condoleanceregister-primary:hover {
    font-weight: bold;
    color: #877b75;
}

.light-up-on-hover-item-empriva-condoleanceregister-primary,
.light-up-on-hover-item-empriva-condoleanceregister-primary:visited {
    background-color: transparent;
    color: #877b75;
}

.light-up-on-hover-item-empriva-condoleanceregister-primary:hover {
    background-color: #877b75;
    color: white;
}

.link-empriva-condoleanceregister-danger {
    font-weight: bold;
    color: #b20c1a;
}

.link-empriva-condoleanceregister-danger:hover {
    font-weight: bold;
    color: #d90f20;
}

.empriva-condoleanceregister-header-background-image {
    color: #e4dcd1;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.empriva-condoleanceregister-header-background-image h2 {
    color: #e4dcd1;
}

/* Overview Grid */

.empriva-condoleanceregister-overview-grid-item-image-container {
    padding-top: 100%;
    min-height: 1px; /* IE11 fix */
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 100%;
    margin-bottom: 20px;
}

.empriva-condoleanceregister-overview-grid-item-container {
    padding: 20px;
}

a.empriva-condoleanceregister-overview-grid-item {
    border-bottom: 1px solid;
    width: 100%;
    display: block;
    padding: 10px;
}

.empriva-condoleanceregister-overview-grid-item-name-of-deceased {
    font-weight: 700;
}

/* Overview Vertical Blocks */

.empriva-condoleanceregister-overview-vertical-blocks-item-image-container {
    padding-top: 100%;
    min-height: 1px; /* IE11 fix */
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 100%;
    margin-bottom: 20px;
}

.empriva-condoleanceregister-overview-vertical-blocks-item-container {
    padding: 20px;
}

.empriva-condoleanceregister-overview-vertical-blocks-item-name-of-deceased {
    font-weight: 700;
    font-size: 1.5rem;
    line-height: 2.5rem;
}

/* Details */

.empriva-condoleanceregister-detail-header-block {
    padding-top: 25px;
    padding-bottom: 25px;
}

.empriva-condoleanceregister-detail-header-block h2 {
    text-align: center;
    font-weight: bold;
}

.empriva-condoleanceregister-detail-header-date-of-birth,
.empriva-condoleanceregister-detail-header-date-of-death {
    text-align: center;
    font-size: 1.2rem;

    padding-bottom: 10px;
    padding-top: 25px;

    border-bottom: 2px solid;
}

.empriva-condoleanceregister-detail-header-date-of-birth {
    padding-right: 50px;
}

.empriva-condoleanceregister-detail-header-date-of-death {
    padding-left: 50px;
}

.empriva-condoleanceregister-detail-header-image-container {
    padding-top: 100%;
    min-height: 1px; /* IE11 fix */
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    border: 4px solid white;
}

.empriva-condoleanceregister-detail-header-description {
    margin-top: 1rem;
    text-align: center;
}

.empriva-condoleanceregister-detail-header-quote {
    margin-top: 1rem;
    text-align: center;
    font-style: italic;
}

.empriva-condoleanceregister-detail-location-image {
    width: 100%;
    height: 300px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.empriva-condoleanceregister-detail-location-name {
    min-height: 4.5rem;
}

.empriva-condoleanceregister-detail-photo-album-image {
    width: 100%;
    height: 512px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
}

.empriva-condoleanceregister-detail-display-general-info-assignedToImage {
    width: 100%;
    height: auto;
}

.empriva-condoleanceregister-question-text {
    padding-bottom: 10px;
}

/* Detail Photo Album */

#empriva-condoleanceregister-detail-photo-album-image-container {
    height: 512px;
}

/* Detail Messages */
.empriva-condoleanceregister-detail-message-photo-container {
    position: relative;
    transform: translateY(48px);
    margin-top: -24px;
}

img.empriva-condoleanceregister-candle-image {
    max-width: 50%;
}

.empriva-condoleanceregister-detail-message-not-okay {
    font-size: 0.7rem;
    opacity: 0.35;
}

.empriva-condoleanceregister-detail-message-not-okay:hover {
    opacity: 1;
}

.empriva-condoleanceregister-detail-message-photo {
    border: 2px solid;
    max-width: 96px;
    max-height: 96px;
}

.empriva-condoleanceregister-message-image-link {
    cursor: pointer;
}

/* Google Captcha Disclaimer */

.empriva-condoleanceregister-google-captcha-disclaimer {
    margin-top: 20px;
    text-align: center;
    font-size: 0.7rem;
    opacity: 0.65;
}

.grecaptcha-badge {
    display: none;
}

.empriva-condoleanceregister-modal-container {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    left: 0;
    top: 0;
    width: 100vw; /* Full width */
    height: 100vh; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content/Box */
.empriva-condoleanceregister-modal {
    background-color: #fefefe;
    margin: 10vh auto; /* 15% from the top and centered */
    padding: 10px;
    border: 1px solid #888;
    width: 80vw; /* Could be more or less, depending on screen size */
    height: 80vh;
}

/* Modal Content/Box */
.empriva-condoleanceregister-modal-content {
    width: 100%; /* Could be more or less, depending on screen size */
    height: 100%;
}

.empriva-condoleanceregister-modal-title-bar {
    min-height: 30px;
}

.empriva-condoleanceregister-modal-close {
    margin-left: auto;
    margin-right: 0;
    font-size: 36px;
}

.empriva-condoleanceregister-modal-close:hover,
.empriva-condoleanceregister-modal-close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}

#empriva-condoleanceregister-messages-image-view-modal-img {
    display: block;
    max-width: 100%;
    max-height: calc(100% - 30px);
    width: auto;
    height: 100%;
    margin: 0 auto;
    object-fit: contain;
}

@media screen and (max-width: 992px) {
    .empriva-condoleanceregister-detail-header-date-of-birth,
    .empriva-condoleanceregister-detail-header-date-of-death {
        font-size: 1.0rem;
        padding: 0;
        border-bottom: 0;
    }

    #empriva-condoleanceregister-detail-photo-album-image-container {
        height: 300px;
    }

    .empriva-condoleanceregister-detail-photo-album-image {
        height: 300px;
    }
}