/***********  Custom CSS for Huuii sites base on Bootstrap CSS framework ****************/

.form-group{
    margin-bottom: 1rem !important;
}

label{
    margin-bottom: 0.5rem;
}
.select2-container {
    z-index: 99999;
}

#sites-header, #eshop-header, #academy-header {
    position: relative;
    background-color:var(--bs-primary);
    color:#fff;
}

.sites-header-wrap, .sites-header-wrap, .academy-header-wrap{
    width: 1200px;
    margin: 0 auto;
}

.profile-avatar {
  width: 35px;
  height: 35px;
  border-radius: 50%;
}

.card-post {
    transition: transform .2s; /* Animation */ 
}
.card-post:hover {
    border-bottom: 0.25rem solid var(--bs-primary) !important;
    opacity: 0.85;
    transform: scale(1.05);
}

.list-group-item-action:hover, .list-group-item-action:focus {
    color: var(--bs-primary);
    background-color: var(--white);
}

.font-icon {
    font-size: 1.5em;
}

input.form-control-line:focus {
    box-shadow:none;
    box-shadow: 0 1px 0 0 var(--bs-primary);
}

input.form-control-line {
    border:none;
    border-radius:0;
    border-bottom: 1px solid var(--bs-secondary);
    text-align: center;
    font-size: 1.5rem;
}