.srJumbo1, .srJumbo2, .srJumbo3 {
    background:url('/2021bb/assets/img/transp-bb-letters.png');
    color:#fff!important;
    min-height:137px;
}

.srJumbo2 {
    background-color: #a33165!important;
}

.srJumbo3 {
    background-color: #7f398f!important;
}

.srJumbo1 {
    background-color: #e33e81!important;
}

.srJumbo1 h2, .srJumbo2 h2, .srJumbo3 h2 {
    margin-top:27px!important
}

.srJumbo1:hover, .srJumbo2:hover, .srJumbo3:hover {
    opacity:0.7;
}

.srJumbo1 p, .srJumbo2 p, .srJumbo3 p {
    color:#fff;
}
.srDownloads h3, .srDownloads a { 
    color:#fff;
    text-decoration:none;
}
.srDownloads a:hover {
    opacity:0.7;
}
.bbAccordion .btn-link svg {
    color:#fff;
    display:none;
}
.bbAccordion .card-header {
    background-color: #A63066;
    color: #fff;
}
.bbAccordion .btn-link {
    color:#fff;
    width: 100%;
    text-align: left;
}
.btn-link:hover {
    text-decoration:none;
}
.btn-link:focus {
    outline:none;
    box-shadow:none;
    text-decoration:none;
}
.downloadSR {
    margin-top:5px; 
    max-width:320px;
    display:block;
    text-align:center;
    border-radius: 6px;
    padding: 10px 20px;
    font-family: 'Hero Junior Super';
    border:none;
}
.downloadSR:hover {
    text-decoration: none;
}
.srPurpleButton {
    background-color:#D6C0D5!important;
    color:#7F398F!important;
}
.srPurpleButton:hover {
    background-color:#773E8B!important;
    color:#fff!important;
}
.srYellowButton {
    background-color:#ffe2b9!important;
    color:#FF9E19!important;
}
.srYellowButton:hover {
    background-color:#FF9E19!important;
    color:#fff!important;
}
.srTealButton {
    background-color:#cef6f0!important;
    color:#0BD4B2!important;
}
.srTealButton:hover {
    background-color:#0BD4B2!important;
    color:#fff!important;
}
.srRedButton {
    background-color:#fad6db!important;
    color:#E8334A!important;
}
.srRedButton:hover {
    background-color:#E8334A!important;
    color:#fff!important;
}
.srBlueButton {
    background-color:#d7eef9!important;
    color:#36A9E0!important;
}
.srBlueButton:hover {
    background-color:#36A9E0!important;
    color:#fff!important;
}
.srClaretButton {
    background-color:#edd6e0!important;
    color:#A33165!important;
}
.srClaretButton:hover {
    background-color:#A33165!important;
    color:#fff!important;
}
.srPinkButton {
    background-color:#f9d8e6!important;
    color:#E33E82!important;
}
.srPinkButton:hover {
    background-color:#E33E82!important;
    color:#fff!important;
}
.srGreenButton {
    background-color:#e0efd2 !important;
    color:#62B01E!important;
}
.srGreenButton:hover {
    background-color:#62B01E!important;
    color:#fff!important;
}
.srDownloads  {
    margin-top:40px;
}

#didYouKnow, #didYouKnow > h2 {
    color:#ffffff !important;
}

#DYKtop {
    background:url('/2021bb/assets/img/did-you-know-potty-top.png');
    background-size: contain;
    background-repeat: no-repeat;
    min-height: 122px;
}

.DYKtextContainer {
    background:url('/2021bb/assets/img/did-you-know-potty-middle.png');
    background-size: contain;
    background-repeat: repeat-y;
    min-height: 30px;
}

#DYKbottom {
    background:url('/2021bb/assets/img/did-you-know-potty-bottom.png');
    background-size: contain;
    background-repeat: no-repeat;
    min-height: 256px;
    width: 100%!important;
}


@media (min-width: 768px) {
    .bbAccordion .btn-link svg {
        color:#fff;
        display:block;
    }

}

.newsTeaser{ 
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.newsTeaser p {
    margin-bottom:0px!important;
}
.newsTitle {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.newsTitleHolder {
    min-height:58px;
}