.footer {
    background-color: #ffc300;
    height: 120px;
}
.custom-navbar {
    background-color: #ffc300;
}
.nav-link {
    color: #000000; /* Set the default color of the links to black */
    padding: 1px 15px; /* Add some padding to make the hover effect more pronounced */
    border-radius: 5px; /* Optional: add some border-radius for a rounded hover effect */
    margin-right: 5px; /* Add space between links */
    font-weight: bold;
}

.nav-link:hover {
    color: #555555; /* Set the default color of the links to black */
    padding: 1px 15px; /* Add some padding to make the hover effect more pronounced */
    border-radius: 5px; /* Optional: add some border-radius for a rounded hover effect */
    margin-right: 5px; /* Add space between links */
    font-weight: bolder;
}

.btn-primary:hover {
    background-color: #6575a2;
    border-color: #6575a2;
    color: #FFFFFF;
}

.btn-primary {
    background-color: #a0bded;
    border-color: #a0bded;
    color: #000000;
}

.ck-editor__editable {
    min-height: 500px;
}

body {
    font-family: 'Inter', sans-serif;
    background-color: #4e4e4e;
}

body::before {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-image: url('../images/landing/welding.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;

    /* Reduce distraction */
    filter: grayscale(60%) contrast(30%) brightness(50%);
    z-index: -2;
}

.container {
    background-color: #fdfdfd;
    padding: 0;
}

.card-fixed-height {
    height: 450px; /* Fixed height for the card */
    display: flex;
    flex-direction: column;
}

.card-body {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    padding: 15px;
    flex-grow: 1; /* Ensures the body takes up available space */
    overflow: hidden; /* Hides overflow */
}

.text-expandable {
    flex-grow: 1; /* Allows the text to grow and fill available space */
    overflow: hidden; /* Hide overflowing content */
    display: -webkit-box; /* Required for webkit browsers (like Chrome, Safari) to apply ellipsis */
    -webkit-box-orient: vertical; /* Required for truncation to work */
    position: relative;
    max-height: 100%; /* Ensures it fills available space */
    text-overflow: ellipsis; /* Adds the '...' */
    margin-bottom: 15px; /* Space between text and button */
}

.card-img-custom {
    height: 180px; /* Adjust for image height */
    object-fit: cover; /* Ensures the image is contained without distortion */
    width: 100%;
}

.mt-auto {
    margin-top: auto; /* Keeps the button at the bottom */
}

.pagination .page-item.active .page-link {
    background-color: #ffc83d; /* Your custom active background color */
    border-color: #ffc83d;     /* Your custom active border color */
    color: black;              /* Custom active text color */
}

.pagination .page-link {
    color: black; /* Default text color */
    transition: background-color 0.3s ease, color 0.3s ease;
}

.pagination .page-link:hover {
    background-color: #e8b40d; /* Hover background color */
    color: black;              /* Hover text color */
}

.pagination .page-item.disabled .page-link {
    color: #6c757d; /* Disabled text color */
    pointer-events: none;
    opacity: 0.65;
}

.list-group-item a {
    text-decoration: none;
    color: inherit;
    display: block;
}

.list-group-item:hover {
    background-color: #e0f0ff !important;
}

.list-group-item.active {
    background-color: #d0e0ef !important;
    font-weight: bold;
}

a.widget {
    text-decoration: none;
    vertical-align: middle;
}

.outlined-text {
    color: white;
    text-shadow:
            -1px -1px 0 black,
            1px -1px 0 black,
            -1px  1px 0 black,
            1px  1px 0 black;
}