.navbar-light .navbar-nav .nav-link {
    color: #322284;
}

.hover-link:hover {
    border-radius: 5px;
    background-color: #d9dbe1;
}

.act {
    border-radius: 5px;
    background-color: #e3e5ea;
}

.bcell {
    font-size: .875em;
    padding: 2px 8px;
    cursor: default;
}

.bcell:hover {
    box-shadow: inset 0 0 10px red;
    padding: 2px 8px;
}

.bcell2 {
    font-size: .875em;
    padding: 14px 7px;
    cursor: default;
    background-color: #FF441A;
    line-height: 46px;
    transition: line-height 0.8s ease-in;
}

.bcell2:hover {
    box-shadow: inset 0 0 10px #850000;
    padding: 14px 7px;
}

.bcell2_ {
    padding: 2px 8px;
    cursor: default;
    background-color: #FF441A;
}

.bcell3 {
    padding: 14px 7px;
    cursor: default;
    background-color: #ded3d1;
    color: #939393;
    line-height: 46px;
    transition: line-height 0.8s ease-in;
}

.bcell3:hover {
    box-shadow: inset 0 0 10px #939393;
    padding: 14px 7px;
}

.bcell3_ {
    padding: 2px 8px;
    cursor: default;
    background-color: #ded3d1;
    color: #939393;
}

.bcell4 {
    padding: 14px 7px;
    cursor: default;
    background-color: #a1ff69;
    line-height: 46px;
}

.bcell4_ {
    padding: 2px 8px;
    cursor: default;
    background-color: #a1ff69;
}

.bcell-blink {
    padding: 14px 7px;
    cursor: default;
    background-color: #a1ff69;
    line-height: 46px;
    border: 2px solid #002aff;
    -webkit-animation: blinking 1s infinite;  /* Safari 4+ */
    -moz-animation: blinking 1s infinite;  /* Fx 5+ */
    -o-animation: blinking 1s infinite;  /* Opera 12+ */
    animation: blinking 1s infinite;  /* IE 10+, Fx 29+ */
}
@-webkit-keyframes blinking {
    0%, 49% {
        background-color: #a1ff69;
        border: 2px solid #e50000;
    }
    50%, 100% {
        background-color: #e50000;
        border: 2px solid #a1ff69;
    }
}


.desc {
    font-size: 0.9rem;
    /*line-height: 1.5;*/
}

.desc .collapse:not(.show) {
    display: block;
    height: 5.5rem;
    overflow: hidden;
}

.desc .collapsing {
    height: 5.5rem;
}

.desc p {
    margin-bottom: 0;
}

.desc a.collapsed::after {
    content: '+ Leer más';
    color: #DC3545;
}

.desc a:not(.collapsed)::after {
    content: '- Ocultar detalles';
    color: #DC3545;
}


a {
    text-decoration: none;
    color: black;
}

a:hover {
    color: blue;
    /*text-decoration: underline;*/
}

.navbar-nav a:hover {
    text-decoration: none;
    background-color: #EEEEEE;
    width: 100%;
    border-radius: 5px;
}

footer {
    background-image: linear-gradient(rgba(255, 255, 255, 0.85), rgba(255, 255, 255, 0.85)), url(/images/english-teacher-footer.webp);
    background-repeat: no-repeat;
    background-size: cover;
    color: #333333;
}

.avatar {
    width: 100px;
    border-radius: 50px;
}

@media (max-width: 576px) {
    .bcell, .bcell2 {
        font-size: .85em;
    }
    .avatar {
        width: 60px;
        border-radius: 30px;
    }
}

@media (max-width: 768px) {
    .img-fluid {
        max-width: 200px;
    }
}

@media (max-width: 992px) {

}