/* 页面背景及文本颜色 */
.body{
    background: linear-gradient(#fde8e0,#fadec7); /* 更换为温暖的线性渐变背景色 */
    color:#6c4441; /* 更换为温暖的文本颜色 */
}

/* 内容背景色 */
.contentBgColor{
    background:#f8f8f8; /* 更换为温暖的内容背景色 */
}

/* banner */

.banner{
    background-position: center;
    background-repeat: no-repeat;
    background-image: url('https://www.forevermissed.com/tpl/forevermissed/candle_lights/final/build_1691671439465/images/cover.png');
    background-size: cover;
    background-color: #CBD5E0;
    background-blend-mode: multiply;
    padding-top: 30px;
}
.banner_mobile{
    background-position: center;
    background-repeat: no-repeat;
    background-image: url('https://www.forevermissed.com/tpl/forevermissed/candle_lights/final/build_1691671439465/images/cover_mobile.png');
    background-size: cover;
    background-color: #CBD5E0;
    background-blend-mode: multiply;
    padding-top: 30px;
}


/* 纪念人名字颜色 */
.nameColor{
    color:#ffffff; /* 保持不变 */
}


/* 顶部导航栏颜色 */
.navbarColor{
    color:#ffffff; /* 保持不变 */
}
.navbarColor a{
    color:#ffffff; /* 保持不变 */
}
.navbarColor a:hover{
    color:#ffffff; /* 保持不变 */
}


/* 底部导航栏颜色 */
.navbarFooterColor{
    color:#6c4441; /* 更换为温暖的底部导航栏文本颜色 */
    background-color: #f3d7c4; /* 更换为温暖的底部导航栏背景颜色 */
    border-top: 1px solid #d8bba9; /* 更换为温暖的底部导航栏顶部边框颜色 */
}
.navbarFooterColor a{
    color:#6c4441; /* 更换为温暖的底部导航栏链接文本颜色 */
}
.navbarFooterColor a:hover{
    color:#6c4441; /* 更换为温暖的底部导航栏链接文本颜色 */
}


/* tab导航栏 */
/* 背景色 */
.menuBgColor{
    background-color: #9c4619 !important; /* 更换为温暖的tab导航栏背景色 */
}
/* 未选中文本色 */
.menutextLinkColor{
    color: #ffffff; /* 更换为未选中文本的颜色 */
}
.menutextLinkColor a{
    color: #ffffff; /* 更换为未选中链接的文本颜色 */
}
.menutextLinkColor a:hover{
    background: rgb(255, 255, 255, .1); /* 更换为未选中链接的鼠标悬停背景色 */
}



/* 选中文本色 */
.menutextLinkCurrentColor{
    color: #9c4619 !important;
    background: #ffffff;
    pointer-events: none;
}
.menutextLinkCurrentColor a{
    color: #9c4619 !important;
}

/* 内容区域 */

/* 背景及边框色 */
.boxColor{
    border-color: #f5c9af; /* 更换为温暖的边框颜色 */
    background-color: #fddcc2; /* 更换为温暖的内容背景色 */
}
/* 深色背景及边框色 */
.boxColorDark{
    border-color: #e3a781; /* 更换为温暖的深色边框颜色 */
    background-color: #f6ba99; /* 更换为温暖的深色内容背景色 */
}


/* 邀请按钮颜色 */
.InviteButtonColor{
    border-color: #69351c; /* 更换为温暖的邀请按钮边框颜色 */
    background: linear-gradient(90deg,#8b4b34,rgba(0,0,0,0)) #8b4b34 !important;  /* 更换为温暖的邀请按钮背景色 */
}

/* 邀请按钮链接颜色 */
.InviteButtonColor:hover{
    border-color: #69351c; /* 更换为温暖的邀请按钮链接边框颜色 */
    background: rgb(139, 75, 52, .9) !important; /* 更换为温暖的邀请按钮链接鼠标悬停背景色 */
}


/* 普通按钮 */
.NormalButtonColor{
    border: 1px solid #da9f78; /* 更换为温暖的普通按钮边框颜色 */
    background-color:transparent; /* 保持不变 */
}
.NormalButtonColor:hover{
    background: rgb(0, 0, 0, .1); /* 更换为温暖的普通按钮鼠标悬停背景色 */
}


/*标题颜色 */
.titleColor{
    color:#6c4441; /* 更换为温暖的标题颜色 */
}
/* 页面链接颜色 */
.intro{
    color:#6c4441; /* 更换为温暖的页面链接颜色 */
}
.intro a{
    color:#9c4619; /* 更换为温暖的页面链接文本颜色 */
}
.intro a:hover{
    color:#9c4619; /* 更换为温暖的页面链接鼠标悬停颜色 */
    text-decoration: underline;
}

/* 内容中文字链接颜色 */
.textLinkColor{
    color:#9c4619; /* 更换为温暖的内容中文字链接颜色 */
}

.textLinkColor a{
    color:#9c4619; /* 更换为温暖的内容中文字链接文本颜色 */
}
.textLinkColor a:hover{
    color:#9c4619; /* 更换为温暖的内容中文字链接鼠标悬停颜色 */
    text-decoration: underline;
}

/* 文本框选中颜色 */
[type='text']:focus,
[type='email']:focus,
[type='url']:focus,
[type='password']:focus,
[type='number']:focus,
[type='date']:focus,
[type='datetime-local']:focus,
[type='month']:focus,
[type='search']:focus,
[type='tel']:focus,
[type='time']:focus,
[type='week']:focus,
[multiple]:focus,
textarea:focus,
select:focus {
  outline: 1px solid transparent;
  outline-offset: 1px;
  box-shadow: inset 0 0 0 1px #fff, 0 0 0 calc(1px) #9c4619 !important;
  border-color: #9c4619  !important;
}