/*!
 * Start Bootstrap - Modern Business (https://startbootstrap.com/template-overviews/modern-business)
 * Copyright 2013-2017 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-logomodern-business-nav/blob/master/LICENSE)
 */

body {
    padding-top: 54px;
}

@media (min-width: 992px) {
    body {
        padding-top: 56px;
    }
}

.carousel-item {
    height: 65vh;
    min-height: 300px;
    background: no-repeat center center scroll;
    background-size: cover;
}

.portfolio-item {
    margin-bottom: 30px;
}

.social-icons a {
    color: #555 !important; /* Default color */
    margin-right: 10px;
    font-size: 20px; /* Adjust size as needed */
    transition: color 0.3s ease, text-shadow 0.3s ease !important; /* Smooth color and text-shadow transition */
}

    .social-icons a:hover {
        color: #007bff !important; /* Change color on hover */
        text-shadow: 0 0 10px rgba(0, 123, 255, 0.7) !important; /* Blue glow effect */
    }

    /* Specific colors for each social media platform */
    .social-icons a[aria-label*="Facebook"] {
        color: #3b5998 !important;
    }

    .social-icons a[aria-label*="Facebook"]:hover {
        text-shadow: 0 0 10px rgba(59, 89, 152, 0.7) !important; /* Facebook blue glow */
    }

    .social-icons a[aria-label*="Twitter"] {
        color: #1da1f2 !important;
    }

    .social-icons a[aria-label*="Twitter"]:hover {
         text-shadow: 0 0 10px rgba(29, 161, 242, 0.7) !important; /* Twitter blue glow */
    }

    .social-icons a[aria-label*="X"] {
        color: #f8f8f8 !important;
    }

    .social-icons a[aria-label*="X"]:hover {
        text-shadow: 0 0 10px rgb(0, 0, 0, 0.70) !important; /* Twitter blue glow */
    }

    .social-icons a[aria-label*="Instagram"] {
        color: #e4405f !important;
    }

        .social-icons a[aria-label*="Instagram"]:hover {
            text-shadow: 0 0 10px rgba(228, 64, 95, 0.7) !important; /* Instagram pink glow */
        }

    .social-icons a[aria-label*="Discord"] {
        color: #7289da !important;
    }

        .social-icons a[aria-label*="Discord"]:hover {
            text-shadow: 0 0 10px rgba(114, 137, 218, 0.7) !important; /* Discord purple glow */
        }

    .social-icons a[aria-label*="YouTube"] {
        color: #ff0000 !important;
    }

        .social-icons a[aria-label*="YouTube"]:hover {
            color: #cc0000 !important;
            text-shadow: 0 0 10px rgba(255, 0, 0, 0.7) !important; /* YouTube red glow */
        }