.red .centrefullopaque:after {
    border-left-color: rgba(229, 35, 63, 1.0) !important;
}

.red .fullleftopaque:after {
    background-color: rgba(229, 35, 63, 1.0) !important;
}

.pink .centrefullopaque:after {
    border-left-color: rgba(224, 0, 108, 1.0) !important;
}

.pink .fullleftopaque:after {
    background-color: rgba(224, 0, 108, 1.0) !important;
}

.teal .centrefullopaque:after {
    border-left-color: rgba(86, 158, 186, 1.0) !important;
}

.teal .fullleftopaque:after {
    background-color: rgba(86, 158, 186, 1.0) !important;
}

.purple .centrefullopaque:after {
    border-left-color: rgba(82, 30, 89, 1.0) !important;
}

.purple .fullleftopaque:after {
    background-color: rgba(82, 30, 89, 1.0) !important;
}

.green .centrefullopaque:after {
    border-left-color: rgba(99, 145, 46, 1.0) !important;
}

.green .fullleftopaque:after {
    background-color: rgba(99, 145, 46, 1.0) !important;
}

.orange .centrefullopaque:after {
    border-left-color: rgba(220, 88, 10, 1.0) !important;
}

.orange .fullleftopaque:after {
    background-color: rgba(220, 88, 10, 1.0) !important;
}

.darkPink .centrefullopaque:after {
    border-left-color: rgba(154, 4, 75, 1.0) !important;
}

.darkPink .fullleftopaque:after {
    background-color: rgba(154, 4, 75, 1.0) !important;
}

.darkblue .centrefullopaque:after {
    border-left-color: rgba(0, 74, 108, 1.0) !important;
}

.darkblue .fullleftopaque:after {
    background-color: rgba(0, 74, 108, 1.0) !important;
}

.darkPurple .centrefullopaque:after {
    border-left-color: rgba(49, 39, 91, 1.0) !important;
}

.darkPurple .fullleftopaque:after {
    background-color: rgba(49, 39, 91, 1.0) !important;
}

.darkorange .centrefullopaque:after {
    border-left-color: rgba(108, 37, 0, 1.0) !important;
}

.darkorange .fullleftopaque:after {
    background-color: rgba(108, 37, 0, 1.0) !important;
}

.darkgreen .centrefullopaque:after {
    border-left-color: rgba(60, 88, 24, 1.0) !important;
}

.darkgreen .fullleftopaque:after {
    background-color: rgba(60, 88, 24, 1.0) !important;
}

.clearing2021blue .centrefullopaque:after {
    border-left-color: rgba(61, 18, 205, 1.0) !important;
}

.clearing2021blue .fullleftopaque:after {
    background-color: rgba(61, 18, 205, 1.0) !important;
}

@media all and (min-width: 76em) {
    .pageTitle .innerContainer .fullleftopaque {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 50%;
        background-color: rgba(229, 35, 63, 1.0) !important;
    }

    .red .pageTitle .innerContainer .fullleftopaque {
        background-color: rgba(229, 35, 63, 1.0) !important;
    }

    .pink .pageTitle .innerContainer .fullleftopaque {
        background-color: rgba(224, 0, 108, 1.0) !important;
    }

    .teal .pageTitle .innerContainer .fullleftopaque {
        background-color: rgba(86, 158, 186, 1.0) !important;
    }

    .purple .pageTitle .innerContainer .fullleftopaque {
        background-color: rgba(82, 30, 89, 1.0) !important;
    }

    .green .pageTitle .innerContainer .fullleftopaque {
        background-color: rgba(99, 145, 46, 1.0) !important;
    }

    .orange .pageTitle .innerContainer .fullleftopaque {
        background-color: rgba(220, 88, 10, 1.0) !important;
    }

    .darkPink .pageTitle .innerContainer .fullleftopaque {
        background-color: rgba(154, 4, 75, 1.0) !important;
    }

    .darkblue .pageTitle .innerContainer .fullleftopaque {
        background-color: rgba(0, 74, 108, 1.0) !important;
    }

    .darkPurple .pageTitle .innerContainer .fullleftopaque {
        background-color: rgba(49, 39, 91, 1.0) !important;
    }

    .darkorange .pageTitle .innerContainer .fullleftopaque {
        background-color: rgba(108, 37, 0, 1.0) !important;
    }

    .darkgreen .pageTitle .innerContainer .fullleftopaque {
        background-color: rgba(60, 88, 24, 1.0) !important;
    }

    .clearing2021blue .pageTitle .innerContainer .fullleftopaque {
        background-color: rgba(61, 18, 205, 1.0) !important;
    }

    .pageTitle .innerContainer .fullleftopaque:after {
        content: "";
        background-color: rgba(229, 35, 63, 1.0) ;
        height: 100%;
        width: 80px;
        position: absolute;
        top: 0;
        right: -80px;
        display: block;
    }

    .pageTitle .innerContainer .centrefullopaque:after {
        content: "";
        position: absolute;
        width: 0;
        height: 0;
        right: -185px;
        top: 0;
        border-top: 0px solid transparent;
        border-bottom: 322px solid transparent;
        border-left: 185px solid rgba(229, 35, 63, 1.0) ;
    }

    .courseTitle .pageTitle .innerContainer .centrefullopaque:after {
        right: -258px;
        border-bottom: 454px solid transparent;
        border-left: 258px solid rgba(229, 35, 63, 1.0) ;
    }
}


@media all and (max-width: 75.99em) {
    .pageTitle .innerContainer .centrefullopaque {
        width: 100%;
        background-color: rgba(229, 35, 63, 1.0) !important;
    }

    .red .pageTitle .innerContainer .centrefullopaque {
        background-color: rgba(229, 35, 63, 1.0) !important;
    }

    .pink .pageTitle .innerContainer .centrefullopaque {
        background-color: rgba(224, 0, 108, 1.0) !important;
    }

    .teal .pageTitle .innerContainer .centrefullopaque {
        background-color: rgba(86, 158, 186, 1.0) !important;
    }

    .purple .pageTitle .innerContainer .centrefullopaque {
        background-color: rgba(82, 30, 89, 1.0) !important;
    }

    .green .pageTitle .innerContainer .centrefullopaque {
        background-color: rgba(99, 145, 46, 1.0) !important;
    }

    .orange .pageTitle .innerContainer .centrefullopaque {
        background-color: rgba(220, 88, 10, 1.0) !important;
    }

    .darkPink .pageTitle .innerContainer .centrefullopaque {
        background-color: rgba(154, 4, 75, 1.0) !important;
    }

    .darkblue .pageTitle .innerContainer .centrefullopaque {
        background-color: rgba(0, 74, 108, 1.0) !important;
    }

    .darkPurple .pageTitle .innerContainer .centrefullopaque {
        background-color: rgba(49, 39, 91, 1.0) !important;
    }

    .darkorange .pageTitle .innerContainer .centrefullopaque {
        background-color: rgba(108, 37, 0, 1.0) !important;
    }

    .darkgreen .pageTitle .innerContainer .centrefullopaque {
        background-color: rgba(60, 88, 24, 1.0) !important;
    }

    .clearing2021blue .pageTitle .innerContainer .centrefullopaque {
        background-color: rgba(61, 18, 205, 1.0) !important;
    }
}