/* // USER ////////////
console.ichurch.cc
pastor.ichurch.cc
buildclub.co 
*/

#ic_signinModal { padding:0; text-align: center; }
#ic_signinModal .modal-content { height:fit-content;  }
#ic_signinModal .ic_userPage { display:none; margin-bottom:0em;  }
#ic_signinModal .ic_userPage button { background:#396994; width:100%; margin:0.5em 0; }
/* #ic_signinModal .ic_userPage div { margin:1em; } */
#ic_signinModal .ic_userPage small { margin:1em; display: block; }
#ic_signinModal .ic_pwText { color:#aaaaaa; font-size:9px; margin-bottom:1em; }
#ic_signinModal .modalHead { position: absolute; width: 100%; padding: 0.5em 0; }

#ggSigninBtn {
    /* width: 100%; height: 30px;  */
    /* margin:0; padding: 0; line-height: 1; */
    text-align: center;
}

#ic_navUserDrop { 
    position: absolute;
    right: 20px;
    margin-top: 0;
    color: rgba(0,0,0,1);
}

.ic_overlay {
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 2000;
    background: rgba(0,0,0,0.5); 
    display: none;
}
.ic_overlay .box {
    position: relative;
    width: auto;
}
.ic_overlay .box .close {
    position:absolute; top:0; right:0; padding:0 0.5em;
}

.ic_navDrop { display: none; }

#ic_navProfileBtn { cursor: pointer; margin:0; padding:0; }
#ic_navProfileBtn .img {
    width: 40px; height: 40px; border-radius: 50%;
    background-position: center center; background-repeat: no-repeat; background-size: cover;
}
#ic_navProfileBtn:hover .img {
    box-shadow: 0px 0px 3px 2px var(--card-link); }

.ic_navProfile { margin: 0; }

#ic_navtriangle { 
    display: none;
    -ms-transform: rotate(45deg); /* IE 9 */
    -webkit-transform: rotate(45deg); /* Safari 3-8 */
    transform: rotate(45deg);
    width: 15px; height: 15px; padding: 0; margin: 0;
    box-shadow:var(--shadow-dark);
}

#ic_navUserDrop {
    width: 300px; background-color: var(--card-bg);
    height:auto; max-height: 600px;
}

#ic_navUserDrop hr {
    border-top: 1px solid var(--gray-liter);
    border-bottom: none;
}

#ic_navUserDrop .btn-flat {
    margin:0.25em; border:1px solid var(--gray-lite);
    color: var(--accent-color)
}

#ic_navUserDrop .btn-flat:hover {
    background: var(--gray-liter);
}


#ic_navUserDrop .user {
    line-height:1.5; padding: 1em 0; text-align: left;
    display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; align-items: stretch; align-content: stretch;    
}
#ic_navUserDrop .user span {
    display: inline-block; width: fit-content; margin:1em;
}
#ic_navUserDrop .user name {
    font-size: 1.2em; font-weight: bold; display: block;
}
#ic_navUserDrop .user email {
    display: block;
}
#ic_navUserDrop .user userid {
    font-size: 0.8em;  display: block; font-weight: bold;  
}

#ic_navUserDrop .user .profileimg {
    margin-right: 0;
}


#ic_navUserDrop .info {
    line-height:1.5; color:#000; padding: 1em 0;    
}

#ic_navUserDrop .foot {
    background: #f0f0f0; line-height:1.5; color:#000; padding: 1em 0;
}

.ic_login_alert { color: #c00; }
.ic_login_success { color: #090; }
.ic_login_warning { color: #d80; }

.ic_alert_box { color: #fff; background-color: #c00; border-radius: 0.5em; padding:1em; text-shadow: 0.5px 0.5px 3px #000; }
.ic_success_box { color: #fff; background-color: #090; border-radius: 0.5em; padding:1em; text-shadow: 0.5px 0.5px 3px #000; }
.ic_warning_box { color: #fff; background-color: rgb(255, 166, 0); border-radius: 0.5em; padding:1em; text-shadow: 0.5px 0.5px 3px #000; }

.ic_warning_box_lite { color: rgb(0, 0, 0); background-color: rgb(255, 247, 164); border-radius: 0.5em; padding:1em; }