.card h1 a, .card h2 a, .card h3 a {
    color: #F73B60;
}
.card .alert.alert-danger a {
    color: #F73B60;
}

.tour-nav .btn-arrow[disabled] {
    color:transparent; /* Bit of a hack but it's not terrible UX */
}

.course-section.section-complete{
    opacity:.5
}

body.academy table th, body.academy table td {
    border: 1px solid #eee;
}


body.academy .course-section h4,
    body.academy .course-section h5 {
    color: #F73B60;
    font-size: 18px;
    padding: 10px 0;
}

a.anchor { /* Allow us to add invisible empty anchors on the page */
    border: none;
    cursor: default;
}

ul.module-list li { 
    line-height: 1.1em; /* Otherwise they don't all fit in the (sticky) panel */
}



@media (min-width: 768px) {
    h3.page-heading {
        font-size: 40px;
        line-height: 1.4em;
    }
}


.btn-outline.btn-success {
    border-color: #fff; 
    color: #fff !important; 
}

@media (min-width: 576px) {
 .card-body h3.card-title {
        padding-left: 0px
    }
}
.profile-pic {
    background-size: contain;
}
.profile-pic.square {
border-radius: 0;
}
.profile-pic.no-background {
    background: none;
}

p.small {
    font-size: 0.8em;
}
.fr-box #logo {
    border-bottom: 0;
}

.cursor-pointer{
    cursor: pointer;
} 

.sticky {
    top: 90px;
}

.slick-slide {
    outline: none
}

span.toggle-favourite {
    display: inline-block;
    margin-top: 2px;
    color: #c00;
    cursor:pointer;
}

.card.course-section ul {
    margin-right: auto;
    margin-left: 40px;
    padding: 0;
    list-style-type: disc;
}
.card.course-section ul li {
    padding: 0;
    border-top: none;
}

.valid-feedback {
    margin-top: 10px;
    font-size: 15px;
}

input[type="checkbox"][disabled]:checked+label:before {
    background-color: #faa0b2;
    border-color: #faa0b2;
}