.organizerPageTitle {
    color: rgb(var(--bs-primary-rgb));
}

.organizerContent .social-media-container {
    position: absolute;
    right: 10px;
    top: 10px;
    display: flex;
    flex-direction: column;
}

.organizerContent .social-media-container a {
    font-size: 1.25rem;
    transition: all 0.5s ease;
}

.organizerContent .social-media-container a .fa-facebook {
    color: #4267B2;
}

.organizerContent .social-media-container a .fa-twitter {
    color: #1DA1F2;
}

.organizerContent .social-media-container a .fa-youtube {
    color: #FF0000;
}

.organizerContent .social-media-container a i:hover {
    color: rgb(var(--bs-primary-rgb));
}

.organizerContent .card-img-top {
    /*height: 240px;*/
    object-fit: cover;
    background-color: #CCCCCC;
    border-bottom: 0.5px solid var(--divider-color);
}

.organizerContent .organizerDescription {
    max-height: 110px;
    overflow: auto;
    font-weight: 500;
}

.organizerContent .organizerDescription::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}

.organizerContent .organizerDescription::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgb(var(--bs-primary-rgb), 0.5);
    border-radius: 4px;
}

.organizerContent .organizerDescription::-webkit-scrollbar-thumb {
    border-radius: 4px;
    -webkit-box-shadow: inset 0 0 6px rgb(var(--bs-primary-rgb), 0.7);
}

.organizerContent .youtubeIframe {
    height: 250px;
    max-width: 306px;
    margin: auto;
}

.organizerContent .youtubeIframe iframe {
    border-radius: 4px;
}

.organizerContent .card {
    height: 406px;
    max-width: 306px;
    margin: auto;
}

.organizerContent .card .card-body {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
}

.organizerContent .organizerEventContainer {
    margin-bottom: 0.5rem;
}

.organizerContent .organizerEventContainer .eventName {
    color: rgb(var(--bs-primary-rgb));
}

.organizerContent a {
    text-decoration: none;
}

.organizerContent .organizerEventContainer .eventInfoSection {
    font-weight: 500;
}

.organizerContent .organizerEventContainer .eventInfoSection i {
    color: rgb(var(--bs-secondary-rgb));
    width: 16px;
    height: 16px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}

.organizerContent .organizerEventContainer .readMore {
    color: rgb(var(--bs-secondary-rgb));
    transition: all 0.5s ease;
}

.organizerContent .organizerEventContainer .readMore:hover {
    filter: brightness(70%);
}

.organizerContent .organizerEventContainer .multidate-badge-container {

}