.active {
    font-weight: bold;
}
a {
    text-decoration: none;
}

/*.card-body a {*/
/*    color: white;*/
/*}*/

/*.card-body a:hover {*/
/*    color: lightgray;*/
/*}*/

input[type=text], input[type=email], input[type=text], input[type=file]{
    width: 100%;
    padding: 12px 20px;
    margin: 8px 0;
    box-sizing: border-box;
    border: none;
    border-bottom: 2px solid red;
}
footer {
    text-align: center;
}

nav {
    margin-bottom: 0.5rem;
}

textarea:focus, input:focus{
    outline: none;
}

.bold {
    font-weight: bold;
}

.contact-card {
    opacity: 0.8;
}

.ff-logo {
    width: 90%;
}

.bgr-contact {
    background-repeat: no-repeat;
    background-image: url('/img/bgr-contact.jpg');
    height: 100vh;
    background-size: cover;
}

/*.bgr-breadcrumb-card {*/
/*    background-image: url('/img/bgr-contact.jpg');*/
/*    background-size: cover; !* Stretch image to fill card *!*/
/*    background-position: center; !* Center the image *!*/
/*    background-repeat: no-repeat; !* Prevent tiling *!*/
/*    color: white; !* Optional: Ensure text is readable on dark backgrounds *!*/
/*}*/

.hidden {
    display: none;
}
/*.filters { margin: 10px 0; }*/
/*.filters button { margin-right: 10px; }*/
/*.filters button.active { background-color: #007bff; color: white; }*/

.filter-container {
    display: flex;
    align-items: center;
    gap: 10px; /* Spacing between buttons and search field */
    margin-bottom: 10px; /* Space between filter bar and list */
}

.filters button {
    padding: 5px 10px;
    border: 1px solid #ccc;
    border-radius: 4px;
    background-color: #f9f9f9;
    cursor: pointer;
    transition: background-color 0.2s;
}

.filters button.active {
    background-color: #007bff;
    color: white;
}

.filters button:hover {
    background-color: #e0e0e0;
}

#search-input {
    flex: 1; /* Makes the search field take the remaining space */
    padding: 5px 10px;
    border: 1px solid #ccc;
    border-radius: 4px;
}

.radio-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.social-wrapper {
	text-align: right;
	padding-top: 3.5rem;
}

.text-justify {
    text-align:justify !important;
}

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

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

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

/*.wrapper {*/
/*    float: left;*/
/*    clear: left;*/
/*    display: table;*/
/*    table-layout: fixed;*/
/*}*/

img.img-responsive {
    display: table-cell;
    max-width: 100%;
}

.youtube-wrapper {
    display: flex;
    justify-content: center;
    text-align: center;
}

/*
iframe {
    aspect-ratio: 16 / 9;
    width: 50% !important;
}
*/

/* Target only YouTube iframes */
iframe[src*="youtube.com"], iframe[src*="youtu.be"] {
    aspect-ratio: 16 / 9;
    width: 50% !important;
}

/* Reset styles for other iframes (like TikTok) */
iframe {
    aspect-ratio: auto;
    width: 100% !important;
}
/*.tiktok-embed {*/
/*    display: block !important; !* Ensure the element is block-level *!*/
/*    width: 100% !important;    !* Make the embed take full width *!*/
/*    max-width: 100% !important; !* Prevent TikTok's script from overriding *!*/
/*}*/

/*.tiktok-embed section {*/
/*    display: block !important;*/
/*    width: 100% !important;    !* Ensure the content inside also respects full width *!*/
/*}*/

.shop-icon {
    height: 42px;
    width: 42px;
}