:root {
    --light-white-text-color: #e9ecef;
    --purple-gradient-background: linear-gradient(135deg, #9559ea, #cba6ff 100%), #ffffff;
    --calendar-border-radius: 10px;
    --calendar-gray-background: #26262c;
    --calendar-black-background: #1f1f23;
    --calendar-light-purple: #c8a2fe;
}

body {
    background-image: url('https://media.alienwarearena.com/media/AW_Hive_Update_Background.png') !important;
    background-repeat: no-repeat;
    background-size: cover;
    color: transparent;
    background-color: transparent;
}

#influencer-rotator .carousel-inner .carousel-item img {
    height: 300px;
}

#influencer-rotator .carousel-control-prev,
#influencer-rotator .carousel-control-next {
    color: #fff;
    outline: 0;
    opacity: 0.5;
    text-decoration: none;
    background-color: transparent;
    border: none;
    padding: 0;
    transition: opacity .15s ease;
    font-size: 16px;
}

#influencer-rotator .carousel-control-prev:hover,
#influencer-rotator .carousel-control-next:hover {
    opacity: 0.9;
}

#influencer-rotator .carousel-indicators {
    position: static;
    display: flex;
    justify-content: center;
    padding: 0;
    margin: 0 15% 1rem 15%;
}

#influencer-rotator .carousel-indicators button {
    box-sizing: content-box;
    flex: 0 1 auto;
    width: 30px;
    height: 3px;
    padding: 0;
    margin: 0 3px;
    cursor: pointer;
    background-color: #fff;
    background-clip: padding-box;
    border: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    opacity: 0.5;
    transition: opacity 0.6s ease;
}

#influencer-rotator .carousel-indicators button:focus {
    outline: 0;
}

#influencer-rotator .carousel-indicators button.active {
    opacity: 1;
}

#content {
    background-color: transparent;
}

.hive-profile__content-row {
    display: flex;
    justify-content: center;
}

.hive-profile__influencer-info {
    margin: 0;
}

.hive-profile__influencer-info h4 {
    font-size: 24px;
    font-weight: 700;
    text-align: center;
    color: var(--light-white-text-color);
    margin: 0px;
    padding: 10px;
    line-height: 25px;
}

.hive-profile__influencer-info p {
    text-align: left;
    color: var(--light-white-text-color);
    line-height: 18px;
    font-size: 12px;
    font-weight: 400;
    margin: 0;
}

.hive-profile__influencer-info .influencer-socials {
    padding: 0;
    text-align: center;
}

.hive-profile__influencer-info .influencer-socials i:hover {
    color: #c8a2fe;
}

.hive-profile__influencer-info .influencer-socials i {
    font-size: 28px;
    padding: 0 10px;
    color: var(--light-white-text-color);
    transition: color 0.3s;
}

.about_me__content {
    padding: 5px;
    background-color: #835ad5;
}

.about-me__divider-container {
    padding: 20px;
}

.about-me__divider {
    height: 1px;
    background: var(--light-white-text-color);
}
.influencer-instagram-embed {
    justify-content: center;
}
.hive-profile__video-embed,
.hive-profile__favorite-games,
.hive-profile__favorite-product,
.hive-profile__schedule,
.about_me {
    margin: 0px;
    padding: 10px;
    border: 1px solid rgba(255, 255, 255, 0.25);
}

.hive-profile__video-embed h4,
.hive-profile__favorite-games h4,
.hive-profile__favorite-product h4,
.hive-profile__schedule h4 {
    font-size: 24px;
    font-weight: 700;
    text-align: center;
    color: #ffffff;
    margin: 0px;
    line-height: 25px;
    padding: 10px;
    background: var(--purple-gradient-background);
}

.hive-profile__favorite-games,
.hive-profile__favorite-product,
.hive-profile__schedule {
    margin-top: 20px;
}

.hive-profile__favorite-games p {
    display: flex;
    flex-wrap: wrap;
    color: var(--light-white-text-color);
    text-align: center;
    line-height: 24px;
    margin: 10px 0 0 0;
    font-size: 18px;
    word-spacing: -5px;
}

.hive-profile__favorite-games a {
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
}

.hive-profile__favorite-games a img {
    max-width: 100%;
    height: auto;
}

.hive-profile__favorite-product .influencer-favorite-product {
    color: var(--light-white-text-color);
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-direction: column;

    margin: 0;
    padding: 10px;
}

.hive-profile__favorite-product .influencer-favorite-product h2 {
    margin: 0;
    font-size: 18px;
    color: white;
    padding: 10px;
    text-align: center;
}

.hive-profile__favorite-product .influencer-favorite-product h2 a:hover {
    color: #0093c4 !important;
}

#calendar {
    color: white;
    background-color: black;
    border-bottom-right-radius: var(--calendar-border-radius);
    border-bottom-left-radius: var(--calendar-border-radius);
}

#calendar .calendar-header {
    height: 40px;
    
    display: flex;
    flex-direction: row;
    align-items: center;

    background-color: var(--calendar-black-background);
    border-bottom: 2px solid var(--calendar-gray-background);
}

#calendar .calendar-header .calendar-timezone {
    min-width: 80px;
    font-size: 10px;
    color: #adadaa;
    text-align: center;
    font-weight: 600;
}

#calendar .calendar-header .calendar-time {
    display: flex;
    align-items: center;
    padding-left: 10px;
    font-size: 14px;
    font-weight: bold;
    height: 100%;
}

#calendar .calendar-header .calendar-time.current-hour {
    border-bottom: 1px solid var(--calendar-light-purple);
    background-color: var(--calendar-gray-background);
}

#calendar .calendar-content {
    display: flex;
    flex-direction: row;
}

#calendar .calendar-days {
    width: 80px;
}

#calendar .calendar-days .calendar-day-info {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 90px;
    padding: 0.5rem 0;
    background-color: var(--calendar-black-background);
    border-bottom: 1px solid var(--calendar-gray-background);
    font-size: 13px;
    width: 80px;
}
#calendar .calendar-days .calendar-day-info.today {
    background-color: var(--calendar-gray-background);
    border-right: 1px solid var(--calendar-light-purple);
}

#calendar .calendar-days .calendar-day-info:last-child {
    border-bottom-left-radius: var(--calendar-border-radius);
}

#calendar .calendar-days span.day-name {
    text-transform: uppercase;
    font-weight: 600;
    font-size: 14px;
}

#calendar .calendar-events {
    position: relative;
    width: 100%;
}

#calendar .calendar-events .calendar-event-container {
    height: 90px;
    width: 100%;
    display: flex;
    flex-direction: row;
    position: relative;
    align-items: center;
}

#calendar .calendar-events .calendar-event-container.today {
    background-color: var(--calendar-black-background);
}

#calendar .calendar-events .calendar-event-container .event-container {
    position: absolute;
    display: flex;
    align-items: center;
    height: 90%;
    border-radius: var(--calendar-border-radius);
    background-color: #18181b;
    padding: 0 5px;
}

#calendar .calendar-events .calendar-event-container .event-container .event-info {
    flex-shrink: 2;
    text-align: left;
    overflow: hidden;
}

#calendar .calendar-events .calendar-event-container .event-title {
    color: #adadb8;
    font-size: 14px;
    line-height: 1.2;
    font-weight: 600;
    font-style: italic;
    white-space: nowrap;
    margin-bottom: 3px;
}

#calendar .calendar-events .calendar-event-container .event-game {
    color: var(--calendar-light-purple);
    font-size: 13px;
    line-height: 1.2;
    font-weight: 600;
    white-space: nowrap;
    margin-bottom: 3px;
}

#calendar .calendar-events .calendar-event-container .event-time hr.vertical-line {
    height: 16px;
    margin: 0 5px 0 0;
    border-left: solid 4px var(--calendar-light-purple);
    border-radius: var(--calendar-border-radius);
}

#calendar .calendar-events .calendar-event-container .event-time {
    display: flex;
    flex-direction: row;
    align-items: center;
}

#calendar .calendar-events .calendar-event-container .event-time p {
    color: #adadb8;
    font-size: 13px;
    line-height: 1.2;
    white-space: nowrap;
    font-weight: 600;
    margin: 3px 0 0 0;
}

@media (max-width: 1370px) {
    .influencer-instagram-embed blockquote,
    .influencer-instagram-embed iframe {
        max-width: 250px !important;
        min-width: unset !important;
    }
}

@media (max-width: 767px) {
    .hive-profile__content-row {
        flex-direction: column;
        align-items: center;
    }

    .influencer-instagram-embed,
    .hive-profile__schedule {
        display: none;
    }

    .hive-profile__favorite-product .influencer-favorite-product h2 {
        font-size: 14px;
    }
}