/*font*/

@import url('https://fonts.googleapis.com/css2?family=WindSong:wght@400;500&display=swap');


/*header*/
.lasting-profile-page header#sp-header {
    display: none;
}
.view-deceasedprofile #sp-header {display: none;}


/*top bar*/
.legacy-number-column .legacy-number{display: flex!important;text-align: center;margin: auto;width: fit-content;}.legacy-number {background: #ffffff69;padding: 5px 20px;color: #999999;}.legacy-number .label {margin-right: 10px;}.music-social{float:right;}
.legacy-number-column>div>div {display: flex;justify-content: center;}
.music-social-column>div>div {display: flex;justify-content: center;}

/*audio*/
audio#audio-player {display: none;}
button#audio-icon {height: 45px;border-radius: 5px;border: 0px;background: transparent;font-size: 30px;padding: 0;}


/*headshot*/

.profile-headshot-image img.sppb-img-responsive {border-radius: 100% 100% 0px 0px;max-height: 450px;/* height: 450px; */width: 100%;object-fit: cover;aspect-ratio: 1 / 1.18;}
.sppb-addon.sppb-addon-single-image.profile-headshot-flower2 {transform: scale(3);transform-origin: top center;}

.chinese-name {margin-top: 50px;}
.profile-name .sppb-addon-title{color:#5d5d5d;}
.born-death-year .sppb-addon-title{color:#999999;}
.english-name.profile-name {margin-bottom: 15px;}

/*flower count*/
.flower-count .sppb-animated-number {font-size: 80px;font-weight: 900;}.sppb-addon.sppb-addon-animated-number.flower-count {margin-top: 80px;}.flower-count .sppb-animated-number-title {font-size: 30px;color: #5d5d5d;}

.profile-flower-column>div>div{z-index: -1;left: 0;right: 0;}


.profile-flower-column .place-flower-btn {background-color: #fff;border-radius: 0px;color:#5d5d5d;}.profile-flower-column .place-flower-btn {background-color: #fff;border-radius: 0px;color:#5d5d5d;border: 1px solid #ccc;overflow:hidden;}

.place-flower-btn:hover {cursor:pointer;}
.fa-star:before {position: absolute;background-size: contain !important;content: '';content: url(/images/0_onlinefuneral/profile/flower-small.png);bottom: -22px;right: -24px;margin:auto;background-repeat:no-repeat;z-index:1 !important;transition:0.5s ease;z-index:-1;}

.place-flower-btn:hover i:before {
    right: -10px; transition:0.5s ease;
}

div#loginModal .modal-content {
    width: 50%;
}

@media screen and (max-width:992px){
div#loginModal .modal-content {
    width: 90%!important;
}}



/*gallery*/

.profile-title-cn .sppb-addon-title {color: #999999;font-size: 100px;font-weight: 100;}
.sppb-addon.sppb-addon-header.profile-title-en .sppb-addon-title {font-family: "WindSong", cursive;font-weight: 400;font-style: normal;color: #9999998a;font-size: 80px;margin-top: -32px!important;}
.profile-gallery ul.sppb-gallery.clearfix.gallery-item-left {display: flex;flex-wrap: wrap;list-style: none;padding-left: 04 }
.profile-gallery ul.sppb-gallery.clearfix.gallery-item-left li {flex: 0 0 calc(33.3333% - 27px);outline: 1px solid;}.profile-gallery .sppb-gallery img {width: 100%!important;!importan;!importa;!import;!impor;!impo;!imp;!im;!i;!;object-fit: cover;object-position: center;aspect-ratio: 1/1;}

.profile-gallery .view-more-memories-btn, .profile-gallery .fullscreen-gallery-btn {background: #ffffff;border: 1px solid #ccc;border-radius: 5px;color: #999999;}.profile-gallery .view-more-memories-btn:hover, .fullscreen-gallery-btn:hover {z-index: 20;background-color:#8eaeb3;color:#fff;transition: 0.5s ease;cursor:pointer;border: 1px solid #8eaeb3;}

.gallery-buttons {display: flex!important;!importan;justify-content: center!important;gap: 20px;margin-top: 50px;margin-bottom: 50px;}


/*comments*/
.profile-add-comments{background-color:#f2f2f2;}
.comment-time .sppb-addon-title {color: #999999;}.comment-name .sppb-addon-title {color: #5d5d5d;}.comment-name-time {margin-bottom: 20px;}

.comment-text .sppb-btn-container {width: 100%;position: relative;padding-top: calc(1.8rem + 4px);margin-top: -1.8rem;background: linear-gradient(to bottom,#f6f6F700,#f2f2f2 1.8rem) }

.comment-text .sppb-btn-show-more {font-size:16px;font-weight:normal;}
.comment-text .sppb-addon-title {font-weight: 700;color: #5d5d5d;}.comment-text .sppb-addon-content {color: #999999;}
.comment-text p:last-child {margin-bottom: 10px;}


.profile-btn {background: #ffffff;border: 1px solid #ccc;border-radius: 0px; color: #999999;}
.profile-btn:hover {z-index: 20;background-color:#8eaeb3;color:#fff;transition: 0.5s ease;cursor:pointer;border: 1px solid #8eaeb3;}
.share-memories-btn{background:#beb5b0;color:#fff;}


/*profile details*/
.profile-detail-table .sppb-addon-table-main tbody tr:first-child{
    background: none!important;
}
.profile-detail-table .sppb-addon-table-main tbody tr:nth-child(even) {
    background: transparent;
}
.profile-detail-table .sppb-addon-table-main tbody tr {
    background: transparent;
    border: none;
}

/*slogan*/
.profile-slogan-text .sppb-addon-content {
    font-size: 50px;
}

@media screen and (max-width:768px){
.profile-slogan-text .sppb-addon-content {
    font-size: 30px;
}}

.inquire.profile-btn{background:#beb5b0;color:#fff;}
.inquire.profile-btn:hover{background:#8cadb2;color:#fff;}


.custom-modal-content button.btn-close-modal {background: #bbbbbb;}
.custom-modal-content button.btn-close-modal:hover {background: #9c9c9c;}
.custom-modal-content button#submitDetails {background:#2c974b;}
.custom-modal-content button#submitDetails:hover {background:#1bc04b;}

.custom-modal-content {background: #f1f1f1;}
.custom-modal-content input {border-radius: 0px;}
.custom-modal-header {border-bottom: 1px solid #ccc;}

a#openModalBtn {background: #2c974b;}
a#openModalBtn:hover {background: #1bc04b;}


/*submmit memory page*/
input#jform_title,textarea#jform_memorable {border-radius: 0px;}
.view-memorableform h1 {border-bottom: 1px solid #ccc;padding-bottom: 15px;margin-bottom: 15px;}
.view-memorableform .controls {float: right;}
button.btn.btn-success.fileButton {background: #b4b4b4;}
button.validate.btn.btn-primary {background: #2c974b;border-color: #2c974b;color:#fff;}
button.validate.btn.btn-primary:hover {background: #1bc04b;border-color: #1bc04b;}

div#customModal .custom-modal-content {
    width: 50%;
}

@media screen and (max-width:992px){
div#customModal .custom-modal-content {
    width: 90%;
}}




/*bottom*/
.lasting-profile-page section#sp-bottom {
    display: none;
}


/*mobile*/
@media screen and (max-width:768px){
.profile-title-cn .sppb-addon-title {font-size: 50px;}
.sppb-addon.sppb-addon-header.profile-title-en .sppb-addon-title {font-size: 40px;}
.flower-count .sppb-animated-number {font-size: 55px;font-weight: 900;}
.flower-count .sppb-animated-number-title {font-size: 25px; }
.profile-detail-table .sppb-addon-table-main.bt tbody td::before, .profile-detail-table .sppb-addon-table-main.bt tfoot td::before, .profile-detail-table .sppb-addon-table-main.bt tfoot th::before{display:none;}
.profile-detail-table tr {display: inline-flex;}
.profile-detail-table td:first-child {min-width: 150px;}
.profile-detail-table .sppb-addon-title {font-size: medium;}
.profile-details .sppb-row-overlay {background: rgb(223,220,219);
background: linear-gradient(180deg, rgba(223,220,219,1) 0%, rgb(223 220 219 / 81%) 56%, rgba(223,220,219,1) 100%)!important;}   
.music-social-column {transform: scale(0.7);transform-origin: center;}
.legacy-number {margin-bottom: 15px!important;}
.legacy-number h3.sppb-addon-title {font-size: 20px;}
.chinese-name {margin-top: 0px;}
.profile-headshot {transform: scale(0.8);}.profile-basic-info {margin-top: -20px!important;}  
.profile-name .sppb-addon-title,.sppb-addon.sppb-addon-header.born-death-year h3 {font-size: 25px;}  
.profile-logo img {width: 150px;}  
  
  
}/*closing*/





/*EO OF DECEASED PROFILE*/