:root {
    --HeaderColour1: #EDEEEF;
    --ButtonColour1: #3699FF;
    --ButtonColour1RGB: 54,153,255;
    --ButtonTextColour1: #FFFFFF;
    --BodyHeaderTextColour1: #3F4254;


    --DarkGrey: #585758;
    --LightGrey: #EDEEEF;
    --BadgeDBlue: #5867DE;
    --BadgePurple: #7C5DA4;
    --BadgeLBlue: #51ADE2;
    --BadgeGreen: #8DC63F;
    --BadgePink: #C44AAA;
    --BadgeOrange: #F5822B;
}

body{
    font-size: 16px !important;
    line-height: 1.8;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
    color: var(--BodyHeaderTextColour1) !important;
    font-weight: 600 !important;
}

h1, .h1{ font-size: 30px !important; }

h2, .h2{ font-size: 26px !important; }

h3, .h3{ font-size: 18px !important; }

b{
color: var(--BodyHeaderTextColour1);
}


/* Unused Bootstrap 4 Style */

.text-white{
    color: #fff !important;
}

/* End of Unused Bootstrap 4 Style */

/* Color Styles */

.AcademyBG1{
    background-color: var(--HeaderColour1) !important;
    color: #fff !important;
}

.LightGreyBG{
    background-color: var(--LightGrey) !important;
}

.BadgeOrange{
    background-color: var(--BadgeOrange) !important;
    color: #fff !important;
}

.BadgeLBlue{
    background-color: var(--BadgeLBlue) !important;
    color: #fff !important;
}

.BadgeDBlue{
    background-color: var(--BadgeDBlue) !important;
    color: #fff !important;
}

/* Icons: All icon fix the convention of .Icon.Icon-[name of icon] */

.Icon{
    display: flex;
    position: absolute;
    height: 26px;
    width: 26px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.input-group .input-group-apend .Icon{
    left: 100%;
    transform: translate(-40px, -50%);
}

.Icon.Icon-Download{
    background-image: url(../assets/download-icon.svg);
    background-repeat: no-repeat;
    background-position: center;
}

.Icon.Icon-share{
    background-image: url(../assets/btn-share-icon.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.Icon.Icon-heart{
    background-image: url(../assets/btn-save-icon.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.Icon.Icon-Search{
    background-image: url(../assets/search-icon.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.Icon.Icon-Location{
    background-image: url(../assets/pointer-icon.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.Icon-Phone{
    background-image: url(../assets/phone-icon.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.Icon-Email{
    background-image: url(../assets/email-icon.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.Icon-Net{
    background-image: url(../assets/www-icon.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.Icon-Person {
    color: #3F4254;
    padding-left:2px;
}

.Indented .Icon {
    height: 20px;
    width: 20px;
    left: 0;
    top: 0;
    transform: translate(-25px, 5px);
}

.Indented a{
    color: #3F4254;
}

/* Docs: All icon fix the convention of .Doc.Doc-[name of Doc] */

.Doc{
    display: block;
    width: 40px;
    height: 50px;
}

.Doc.Doc-pdf{
    background-image: url(../assets/pdf-icon.svg);
    background-position: center;
    background-repeat: no-repeat;
}

.Doc.Doc-word{
    background-image: url(../assets/word-icon.svg);
    background-position: center;
    background-repeat: no-repeat;
}

.Download{
    position: relative;
    color: #3F4254;
    padding-right: 40px;
    margin-right: 20px;
    line-height: 51px;
}

.Download .Icon{
    display: block;
    position: absolute;
    width: 40px;
    height: 40px;
    top: 50%;
    right: 100%;
    background-color: var(--ButtonColour1);
    border-radius: 50%;
    transform: translate(85%, -50%);
}

.btn.btn-danger 
{
    color: white !important;
}



@media (max-width: 991px) {
 
    .Download
    {
        display:none;
    }

}