#appTemplate_sports.sample-app-group {background-color: #000;}
#appTemplate_sports .device-status-bar {color: rgba(255, 255, 255, 0.66);}
#appTemplate_sports .afy-notify-badge {
    color: #2c272b;
    background-color: #dc3545;
}

/* AFY FULL SCREEN BACKGROUND IMAGE */
#appTemplate_sports .cover-image {
    background-image: url(https://cdn.appforyou.io/afy/app-ideas/sports/app/KblIFRq1jkg.jpeg);
    opacity: 1;
}

/* AFY SPACER COMPONENT */
#appTemplate_sports .spacer-component {height: 138px;}
.tablet-sample #appTemplate_sports .spacer-component {height: 295px;}

/* AFY APPBAR COMPONENT */
#appTemplate_sports .afy-app-component.appbar {
    background-color: transparent;
    box-shadow: none;
}
#appTemplate_sports .afy-app-component.appbar .logo-container {color: #dc3545;}

/* AFY FANCY BUTTON COMPONENT */
#appTemplate_sports .fancy-btn-component .image-container {
    background-color: rgba(44, 39, 43, 0.8);
    border-radius: 50%;
}
#appTemplate_sports .fancy-btn-component .text-inner-container .afy-icon {color: #dc3545;}
#appTemplate_sports .fancy-btn-component .text-inner-container .component-item-title {color: rgba(255, 255, 255, 0.7);}

/* AFY GALLERY COMPONENT */
#appTemplate_sports .gallery-component {background-color: #2c272b;}
#appTemplate_sports .gallery-component [class*=afy-col-] .afy-item-container::after {border-color: #2c272b;}
#appTemplate_sports .gallery-component .component-item-title {color: #dc3545;}

/* AFY BOTTOM NAVIGATION COMPONENT */
#appTemplate_sports .bottom-navigation {background-color: #2c272b;}
#appTemplate_sports .bottom-navigation .icon-container {color: #dc3545;}
#appTemplate_sports .bottom-navigation .component-item-title {color: rgba(255, 255, 255, 0.7);}