.navbar-brand{
    color: #ffd800 !important;
}
.nav-llanrumney .nav-link{
    color: #ffd800 !important;
}
.top-border{
    margin-top: 10px;
    border-top: 1px solid #ccc;
}
.bottom-border{
    margin-bottom: 10px;
    border-bottom: 1px solid #ccc;
}
.larger{
    font-size: 2rem;
}
.instructor, .weekday, .date, .large, .prices-item, .price{
    font-size: 1.2rem;
}
.small{
    font-size: 0.8rem;
}
.grey-background{
    background-color: #eee;
    background-clip: content-box;
}
.small-grey-background{
    background-color: #eee;
}
.small-top-border {
    border-top: 1px solid #ccc;
}
.small-bottom-border {
    border-bottom: 1px solid #ccc;
}
.section-name, .subsection-name{
    margin-top: 10px;
}
.section-info{
    font-size: 0.8rem;
    color: dimgrey;
}
td{
    border: 1px solid #ccc;
}
@media(max-width: 767.98px){
    .top-border-mobile{
        border-top: 1px solid #ccc;
    }
    .bottom-border-mobile{
        border-bottom: 1px solid #ccc;
    }
}
@media(min-width: 768px){
    .top-border-full {
        border-top: 1px solid #ccc;
    }
    .bottom-border-full {
        border-bottom: 1px solid #ccc;
    }
}
.tkd-class, .prices-section{
    margin-top: 20px;
}
.anchored-footer {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}
.centered{
    text-align: center;
}
.no-bottom-margin{
    margin-bottom: 0;
}
.home-page-paragraph{
    margin-bottom: 50px;
}
.home-page-button {
    position: absolute;
    bottom: 0;
    width: 100%;
    padding-left: 10% !important;
    padding-right: 10% !important;
}
.home-page-section{
    margin-bottom: 20px;
}
.featured-section{
    margin-bottom: 20px;
    background-color: #fff09d;
    padding: 10px;
    border-radius: 10px;
}
.featured-section-grey {
    background-color: #d1d3d5;
}
.featured-paragraph{

}
.left-right{
    margin-top: 10px;
    margin-bottom: 20px;
}
main{
    margin-top: 40px;
}
.legal{
    margin-top: 80px;
}
.image-container{
    text-align: center;
    margin-bottom: 10px;
    position: relative;
    background-color: #ffd80044 !important;
}
.image{
    margin-top: 10px;
    height: 400px;
    object-fit: contain;
    max-width: 100%;
}
.logo-container{
    text-align: center;
    margin-bottom: 10px;
    position: relative;
}
.logo{
    height: 50px;
    object-fit: contain;
    max-width: 100%;
}
.anchor{
    display: block;
    position: relative;
    top: -70px;
    visibility: hidden;
}
.heading-image{
    background-repeat: no-repeat;
    background-size: cover;
    background-blend-mode: overlay;
    background-position-x: center;
    background-position-y: 20%;
}
.heading-image-llanrumney{
    background-image: url('./images/polytunnel.jpg');
}
.heading-image-news{
    background-image: url('./images/outdoor-training.jpg');
    background-position-y: 30%;
}
.heading-image-grading{
    background-image: url('./images/grading.jpg');
    background-position-y: 70%;
}
.heading-image-classes{
    background-image: url('./images/kick.jpg');
    background-position-y: 30%;
}
.heading-image-calendar{
    background-image: url('./images/bandstand1.jpg');
}
.heading-image-home{
    background-image: url('./images/holland-utiw.png');
    background-position-y: 50%;
}
.heading-image-contact{
    background-image: url('./images/holland.jpg');
    background-position-y: 30%;
}
.heading-image-prices{
    background-image: url('./images/jerome.jpg');
    background-position-y: 30%;
}
.classes-image{
    height: auto;
    max-height: 300px;
    margin-bottom: 10px;
    text-align: center;
    display: block;
    margin-left: auto;
    margin-right: auto;
    border: 2px solid #00000066;
}
.bolded{
    font-weight: bolder;
}
.white-belt{
    color: black !important;
    background: white !important;
}
.orange-belt{
    color: black !important;
    background: orange !important;
}
.yellow-belt{
    color: black !important;
    background: yellow !important;
}
.green-ends{
    color: white !important;
    background: linear-gradient(to bottom, yellow, yellow 10%, green 10%, green 90%, yellow 90%, yellow) !important;
}
.green-belt{
    color: white !important;
    background: green !important;
}
.blue-ends{
    color: white !important;
    background: linear-gradient(to bottom, green, green 10%, blue 10%, blue 90%, green 90%, green) !important;
}
.blue-belt{
    color: white !important;
    background: blue !important;
}
.red-ends{
    color: white !important;
    background: linear-gradient(to bottom, blue, blue 10%, red 10%, red 90%, blue 90%, blue) !important;
}
.red-belt{
    color: white !important;
    background: red !important;
}
.black-ends{
    color: white !important;
    background: linear-gradient(to bottom, red, red 10%, black 10%, black 90%, red 90%, red) !important;
}
.black-belt{
    color: white !important;
    background: black !important;
}
.print-heading{
    display: none !important;
}
.hidden{
    display: none !important;
}