#ff-stream-1 .ff-header h1,#ff-stream-1 .ff-controls-wrapper > span:hover { color: rgb(144, 132, 187) !important; }
#ff-stream-1 .ff-controls-wrapper > span:hover { border-color: rgb(144, 132, 187) !important; }
#ff-stream-1 .ff-header h2 { color: rgb(100, 100, 105) !important; }
#ff-stream-1 .ff-filter-holder .ff-filter,
#ff-stream-1 .ff-filter-holder:before,
#ff-stream-1 .selectric,
#ff-stream-1 .ff-filter-holder .selectric-ff-filters-select .selectric-items,
#ff-stream-1 .ff-loadmore-wrapper .ff-btn:hover {
	background-color: rgb(132, 206, 242);
}
#ff-stream-1 .ff-filter:hover,
#ff-stream-1 .ff-filter.ff-filter--active,
#ff-stream-1 .ff-moderation-button,
#ff-stream-1 .ff-loadmore-wrapper .ff-btn,
#ff-stream-1 .ff-square:nth-child(1) {
	background-color: rgb(144, 132, 187);
}
#ff-stream-1 .ff-filter-holder .ff-search input {
	border-color: rgb(132, 206, 242);
}
#ff-stream-1 .ff-search input:focus,
#ff-stream-1 .ff-search input:hover {
border-color: rgb(144, 132, 187);
}

#ff-stream-1 .ff-filter-holder .ff-search:after {
	color: rgb(132, 206, 242);
}
#ff-stream-1 .selectric .button:before{
    border-top-color: rgb(132, 206, 242);
}
#ff-stream-1, #ff-stream-1 .ff-popup,
#ff-stream-1 .ff-search input {
	background-color: rgba(247, 247, 245, 0);
}

#ff-stream-1 .ff-search input {
	background-color: rgb(132, 206, 242);
}
#ff-stream-1 .ff-search input,
#ff-stream-1 .ff-filter-holder .ff-search:after {
	color: #FFF;
}
#ff-stream-1 .ff-header h1, #ff-stream-1 .ff-header h2 {
	text-align: center;
}
#ff-stream-1 .ff-controls-wrapper, #ff-stream-1 .ff-controls-wrapper > span {
	border-color: rgb(132, 206, 242);
}
#ff-stream-1 .ff-controls-wrapper, #ff-stream-1 .ff-controls-wrapper > span {
	color: rgb(132, 206, 242);
}

#ff-stream-1 .shuffle__sizer {
	margin-left: 20px !important;
}

#ff-stream-1 .picture-item__inner {
	background: rgb(255, 255, 255);
	color: rgb(23, 23, 25);
	box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0);
}

#ff-stream-1 .ff-post-cta {
    background-color: rgb(255, 255, 255);
    color: rgb(23, 23, 25);
}

    #ff-stream-1 .in .ff-post-cta,
    #ff-stream-infinite-1  .ff-viewport-slide-in .ff-post-cta,
    #ff-stream-1-slideshow .ff-show-cta .ff-post-cta {
    background-color: #e916b7;
    color: #ffffff;
    }
    #ff-stream-1 .in .ff-post-cta {
    -webkit-transition-delay: 2s;
    transition-delay: 2s;
}


#ff-stream-1 .ff-content a {
	color: rgb(76, 66, 111);
}

#ff-stream-1-slideshow .ff-share-popup, #ff-stream-1-slideshow .ff-share-popup:after,
#ff-stream-1 .ff-share-popup, #ff-stream-1 .ff-share-popup:after {
	background: rgb(255, 255, 255);
}

#ff-stream-1 .ff-mob-link {
	background-color: rgb(23, 23, 25);
}

#ff-stream-1 .ff-mob-link:after,
#ff-stream-1-slideshow .ff-share-wrapper a:after {
	color: rgb(255, 255, 255);
}
#ff-stream-1,
#ff-stream-1-slideshow,
#ff-stream-1 .ff-infinite .ff-content {
	color: rgb(23, 23, 25);
}
#ff-stream-1 .ff-infinite > li {
	background: rgb(255, 255, 255);
}
#ff-stream-1 .ff-square {
background: rgb(205, 205, 205);
}
#ff-stream-1 .ff-icon, #ff-stream-1-slideshow .ff-icon {
	border-color: rgb(255, 255, 255);
}
#ff-stream-1 .ff-style-2 .ff-icon:after {
	text-shadow: -1px 0 rgb(255, 255, 255), 0 1px rgb(255, 255, 255), 1px 0 rgb(255, 255, 255), 0 -1px rgb(255, 255, 255);
}

#ff-stream-1 .ff-item h1, #ff-stream-1 .ff-stream-wrapper.ff-infinite .ff-nickname, #ff-stream-1 h4, #ff-stream-1-slideshow h4,#ff-stream-1-slideshow h4 a,
#ff-stream-1 .ff-name, #ff-stream-1-slideshow .ff-name {
	color: rgb(23, 23, 25) !important;
}

#ff-stream-1 .ff-mob-link:hover {
	background-color: rgb(23, 23, 25);
}
#ff-stream-1 .ff-nickname,
#ff-stream-1 .ff-timestamp,
#ff-stream-1 .ff-item-bar,
#ff-stream-1 .ff-item-bar a {
	color: rgb(100, 100, 105) !important;
}
#ff-stream-1-slideshow .ff-item-meta:before {
	background-color: rgb(23, 23, 25) !important;
}
#ff-stream-1 .ff-item, #ff-stream-1 .ff-stream-wrapper.ff-infinite .ff-content {
	text-align: left;
}
#ff-stream-1 .ff-overlay {
	background-color: rgba(11, 11, 12, 0.94);
}

.ff-upic-round .ff-img-holder.ff-img-loaded {
background-color: rgba(247, 247, 245, 0);
}

.ff-upic-round .picture-item__inner,
.ff-upic-round .picture-item__inner:before {
border-radius: 2px;
}

.ff-upic-round.ff-sc-label2 .ff-icon {
    border-top-right-radius: -1px;
}

.ff-upic-round.ff-infinite > li {
border-radius: 0px;
overflow: hidden
}


.ff-upic-round .ff-img-holder:first-child,
.ff-upic-round .ff-img-holder:first-child img {
border-radius: 0px 0px 0 0;
}

.ff-upic-round.ff-infinite .ff-img-holder:first-child,
.ff-upic-round.ff-infinite .ff-img-holder:first-child img {
border-radius: -2px -2px 0 0;
}

.ff-upic-round .ff-has-overlay .ff-img-holder,
.ff-upic-round .ff-has-overlay .ff-overlay,
.ff-upic-round .ff-has-overlay .ff-img-holder img {
border-radius: 0px !important;
}



/* UBC STREAM 1 · source mirror of Flow-Flow > SocialWall > CSS.
 * Layout, row heights, spacing and colors are primarily plugin settings.
 * Keep this selector stream-scoped; do not edit the plugin's shipped files.
 */
#ff-stream-1 {
    padding: 0;
    margin: 2rem 0 0;
    min-height: 12rem;
    font-family: var(--ubc-body, ui-sans-serif, sans-serif);
}
#ff-stream-1 .ff-header:empty { display: none; }
#ff-stream-1 .ff-stream-wrapper { margin: 0; display: flow-root; }
/* The plugin's 100px minimum breaks its own calculated narrow image widths. */
#ff-stream-1 .ff-layout-justified .ff-item { min-width: 0; }
#ff-stream-1 .picture-item__inner { box-shadow: none; }
#ff-stream-1 .ff-img-holder img { border-radius: 0; }
#ff-stream-1 .ff-overlay-wrapper {
    padding: 1rem;
    background: rgba(11,11,12,.94);
    font-family: var(--ubc-body, ui-sans-serif, sans-serif);
}
#ff-stream-1 .ff-has-overlay .ff-content {
    color: #f7f7f5;
    font-size: 1rem;
    line-height: 1.5;
}
#ff-stream-1 .ff-has-overlay .ff-name { font-size: 1rem; }
#ff-stream-1 .ff-has-overlay :is(.ff-nickname, .ff-timestamp) {
    font-size: .875rem;
    line-height: 1.5;
}
#ff-stream-1 .ff-has-overlay :is(.ff-name, .ff-nickname, .ff-timestamp, .ff-item-bar) {
    color: #f7f7f5 !important;
}
#ff-stream-1 .ff-has-overlay .ff-content a { color: #84cef2 !important; }
#ff-stream-1 .ff-has-overlay:focus-within :is(.ff-overlay, .ff-overlay-wrapper) {
    opacity: 1;
}
#ff-stream-1 .ff-item:focus-within .picture-item__inner {
    outline: 3px solid #84cef2;
    outline-offset: -3px;
}
#ff-stream-1 :is(a, [role="button"]):focus-visible {
    outline: 3px solid #84cef2;
    outline-offset: 3px;
}
#ff-stream-1 .ff-loadmore-wrapper { margin: 1.5rem 0 0; }
#ff-stream-1 .ff-loadmore-wrapper .ff-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 48px;
    margin: 0;
    padding: .78rem 1.15rem;
    border: 0;
    border-radius: 8px;
    color: #0b0b0c;
    font-family: Vincent, sans-serif;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.25;
    letter-spacing: normal;
    box-shadow: none;
    transition: background-color 160ms ease-out;
}
#ff-stream-1 .ff-loadmore-wrapper .ff-btn:focus-visible {
    outline-color: #4c426f;
}
#ff-stream-1 .ff-loadmore-wrapper .ff-btn[aria-disabled="true"] { cursor: wait; }
@media (max-width: 600px) {
    #ff-stream-1 .ff-overlay-wrapper { padding: .75rem; }
    #ff-stream-1 .ff-loadmore-wrapper .ff-btn { width: 100% !important; }
}
@media (prefers-reduced-motion: reduce) {
    #ff-stream-1 *, #ff-stream-1 *::before, #ff-stream-1 *::after {
        transition-duration: .01ms !important;
        animation-duration: .01ms !important;
        animation-iteration-count: 1 !important;
    }
}