body {
    background: url('../content/main.jpg') no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

.carousel-item.active,
.carousel-item-next,
.carousel-item-prev {
    display: block;
}

.captcha-center {
    display: block; /* Ensures it's treated as a block element */
    margin: 0 auto; /* Centers it horizontally */
    max-width: 100%; /* Prevents overflow on smaller screens */
    width: 300px; /* Sets the width for desktop */
}

@media (max-width: 768px) { /* Adjust for mobile screens */
    .captcha-center {
        width: auto; /* Adapts to smaller screen widths */
        transform: scale(0.85); /* Shrinks slightly for better fit */
        transform-origin: center; /* Keeps it centered when scaled */
    }
}

/* Scrollbar for WebKit-based browsers */
.modal-content::-webkit-scrollbar {
    width: 8px;
}

.modal-content::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 10px;
}

.modal-content::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 10px;
}

.modal-content::-webkit-scrollbar-thumb:hover {
    background: #555;
}

/* Scrollbar for Firefox */
.modal-content {
    scrollbar-width: thin;
    scrollbar-color: #888 #f1f1f1;
}

.navbar-light .navbar-nav .nav-link:focus,
.navbar-light .navbar-nav .nav-link:hover {
    color: #ccc !important;
}

.fa {
    padding: 20px;
    font-size: 30px;
    width: 80px;
    text-align: center;
    text-decoration: none;
    margin: 5px 2px;
}

.fa:hover {
    opacity: 0.7;
    color: white;
    text-decoration: none;
}

.fa-facebook {
    background: #3B5998;
    color: white;
}

.fa-instagram {
    background: #f09433;
    background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
    background: -webkit-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
    background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#f09433', endColorstr='#bc1888', GradientType=1);
    color: white;
}

.fa-youtube {
    background: #bb0000;
    color: white;
}

.nav-item a:hover {
    background: #900000;
    font-weight: bold;
    color: white;
    cursor: pointer;
}

.nav-item-border a {
    border-right: 1px solid rgba(255, 255, 255, 0.1);
}

.nav-item{
    color: white;
}

.nav-item a{
    color: white;
}

.dropdown-item {
    color: white;
}

.dropdown-item:hover {
    background: #900000;
    font-weight: bold;
    color: white;
    cursor: pointer;
}

.dropdown-divider {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.dropdown-menu{
    background-color: #800000;
}

.navbar{
    background-color: #800000;
}

#navButton{
    background-color: #800000;
    color: white;
}

.header {
    background-color: #dfe4ed;
    padding: 20px 0px 20px 0px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    margin-bottom: 20px;
}

.title {
    background-color: #f1f1f1;
    margin-bottom: 20px;
    padding: 20px;
}

.container{
    padding: 0;
}

.row{
    margin-right: 0;
    margin-left: 0;
}

.margin-left{
    margin-left: 10px;
}

.table-style td, .table-style th {
    border: 1px solid #ddd;
    padding: 8px;
}

.table-style tr:nth-child(even){background-color: #f2f2f2;}

.table-style th {
    padding-top: 12px;
    padding-bottom: 12px;
    text-align: left;
    background-color: #4CAF50;
    color: white;
}

.text-align-center{
    text-align: center;
}

.margin-top{
    margin-top: 20px;
}

.trainingTimes{
    max-width: 700px;
    margin-left:auto;
    margin-right:auto;
}

.banner{
    background-color: #f1f1f1;
    margin-bottom: 20px;
    padding:20px;
}

.banner h1{
    font-weight: bold;
}

.main-container{
    background: white;
    border-radius: 10px;
    margin-top: 30px;
    padding-bottom: 10px;
}

.teamtext{
    font-style: italic;
}

.clubsong{
    font-style: italic;
}


/* LINE UP CSS*/
.lineUpMargin2{
    margin-left: 2%;
}

.playerImage{
    margin-left:-7px;
    width: 120px;
    height: 150px;
    object-fit: cover;
}

.playerImageSmall{
    width:20px;
    height:30px;
    object-fit:cover;
    float:right;
    margin-right:2px;
}

.lineUp4{
    margin-left: -120px;
}

.lineUp-12{
    margin-left: -12%;
}

@media only screen and (max-width: 600px) {
    .lineUp4{
        margin-left: 0;
    }

    .lineUp-12{
        margin-left: 0;
    }

    .lineUpMargin2{
        margin-left: 0;
    }
    #pitchImage{
        display: none;
    }

}

@media (max-resolution: 90dpi) {
    #pitchImage{
        display: none;
    }
}

@media (min-resolution: 110dpi) {
    #pitchImage{
        display: none;
    }
}

#activitiesTable {
    border:1px solid #b3adad;
    border-collapse:collapse;
    padding:5px;
}
#activitiesTable th {
    border:1px solid #b3adad;
    padding:5px;
    background: #f0f0f0;
    color: #313030;
}
#activitiesTable td {
    border:1px solid #b3adad;
    text-align:center;
    padding:5px;
    background: #ffffff;
    color: #313030;
}