/* stream collections */

.bcm-streamcollection {
    position: relative;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: column;
    -ms-flex-flow: column;
    flex-flow: column;
    width: 100%;
    margin-bottom: 30px;
}

.bcm-streamcollection .bcm-streamitem {
    position: relative;
    margin-bottom: 30px;
    min-width: 0;
    padding: 0;
    width: 100%;
}

.bcm-streamitem_upper {
    position: relative;
    background-color: #f7f5f2;
    cursor: pointer;
}

.bcm-streamitem_upper:hover {
    background-color: #e0dad6;
}

i.bcm-streamitem_more {
    position: absolute;
    bottom: 0;
    right: 0;
    padding: 10px;
    background-color: #e0dad6;
}

i.bcm-streamitem_more:hover {
    color: #6d3a5b;
    font-weight: 600;
}

.bcm-streamitem_lower {
    display: none;
}

@media (min-width:500px) {
    .bcm-streamitem_upper {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
    }
}

.bcm-streamitem_img {
    background: 50% no-repeat;
    background-size: cover;
    overflow: hidden;
    padding-bottom: 0;
    position: relative;
    min-height: 180px;
    width: 100%;
}

@media (min-width:500px) {
    .bcm-streamitem_img {
        padding-bottom: 0;
        height: 135px;
        min-height: 135px;
        /*width: 240px;*/
        max-width: 240px;
    }
}

@media (min-width:960px) {
    .bcm-streamitem_img {
        padding-bottom: 0;
        height:135px;
        min-height: 135px;
        width: 240px;
        min-width: 240px;
    }
}

.bcm-streamcollection--today .bcm-streamitem_img,
.bcm-streamcollection--today .bcm-streamitem_header--date,
.bcm-streamcollection--today .bcm-streamitem_more,
.bcm-streamcollection:not(.bcm-streamcollection--today) i.bcm-streamitem_icon,
.bcm-streamcollection:not(.bcm-streamcollection--today) .bcm-streamitem_header--status,
.bcm-streamcollection:not(.bcm-streamcollection--today) .bcm-streamitem_action,
.bcm-streamcollection.bcm-streamcollection--today .bcm-streamitem--live .bcm-streamitem_header--time,
.bcm-streamcollection .bcm-streamitem--archived .bcm-streamitem_header--time {
    display: none;
}

.bcm-streamcollection--today .bcm-streamitem_content:before {
    background: none;
    border-right: 0;
    border-left: 600px solid transparent;
    border-bottom: 300px solid transparent; /*#e1dbd7*/
    opacity: 0.85;
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    bottom: 0;
    left: 65%;
}

.bcm-streamcollection--today .bcm-streamitem--live h6, 
.bcm-streamcollection--today .bcm-streamitem--live i.bcm-streamitem_icon {
    color: #b30d55;
}

.bcm-streamcollection--today .bcm-streamitem--live .bcm-streamitem_content:before {
    border-bottom-color: #b30d55;
}

.bcm-streamcollection--today .bcm-streamitem--archived .bcm-streamitem_content:before {
    border-bottom-color: #00837F;
}

.bcm-streamitem_content {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: column;
    -ms-flex-flow: column;
    flex-flow: column;
    -webkit-align-items: flex-start;
    -ms-align-items: flex-start;
    align-items: flex-start;
    padding: 20px;
    width: 100%;
    overflow: hidden;
    position: relative;
}

.bcm-streamitem_content i.bcm-streamitem_icon {
    display: none;
    flex: none;
    font-size: 40px;
    margin-right: 15px;
}
.bcm-streamitem_content div {
    flex: 1 1 auto;
}
.bcm-streamitem_content .bcm-streamitem_action {
    flex: none;
    height: auto;
    z-index: 2;
    margin: 20px 0 0;
    width: 100%;
}

/* disinct button colors on non-live */
.bcm-streamitem--upcoming .bcm-streamitem_action.btn,
.bcm-streamitem--waiting .bcm-streamitem_action.btn,
.bcm-streamitem--notfound .bcm-streamitem_action.btn {
    background-color: #e0dad6;
}
.bcm-streamitem--upcoming .bcm-streamitem_action.btn:hover,
.bcm-streamitem--waiting .bcm-streamitem_action.btn:hover,
.bcm-streamitem--notfound .bcm-streamitem_action.btn:hover {
    color: #e4a01b;
}
.bcm-streamitem--upcoming:hover .bcm-streamitem_action.btn,
.bcm-streamitem--waiting:hover .bcm-streamitem_action.btn,
.bcm-streamitem--notfound:hover .bcm-streamitem_action.btn {
    background-color: #f7f5f2;
}

@media (min-width:500px) {
    .bcm-streamitem_content {
        -webkit-flex-flow: row nowrap;
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
    }    

    .bcm-streamitem_content i.bcm-streamitem_icon {
        display: inline-block;
    }
    
    .bcm-streamitem_content .bcm-streamitem_action {
        width: auto;
        min-width: 165px;
        margin: 0 0 0 20px;
    }
}

.bcm-streamitem_info h6 {
    margin-bottom: 2px;
}

.bcm-streamitem_title {
    font-weight: 600;
}

.bcm-streamitem_subtitle {
    font-style: italic;
}

.bcm-streamitem_info p {
    margin-bottom: 0;
}

.bcm-streamitem_lower .bcm-streamitem_content {
    position: relative;
    background-color: #e0dad6;
    text-align: center;
    font-style: italic;
    padding: 0 20px;
    
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
}

@media(min-width:500px) {
	.bcm-streamitem_lower .bcm-streamitem_content {
        -webkit-justify-content: flex-start;
        -ms-justify-content: flex-start;
        justify-content: flex-start;
	}
}

.bcm-streamitem_lower .metalink {
    margin: 8px;
    cursor: pointer;
    min-width: 22%;
    flex: 0 1 auto;
}

.bcm-streamitem_lower .metalink a,
.bcm-streamitem_lower .metalink a:hover,
.bcm-streamitem_lower .metalink a:visited {
    border-bottom: none;
    color: inherit;
}

.bcm-streamitem_lower .metalink i.fa {
    font-size: 28px;
    color: #6d3a5b;
    margin: 10px 15px;
    line-height: 1.4;
    cursor: pointer;
}

.bcm-streamcollection_search,
.bcm-streamcollection_filter {
	position: relative;
	width: 100%;
	min-height: 40px;
	margin-bottom: 20px;
}

.bcm-streamcollection_filter select {
    width: 100%;
}

.bcm-streamcollection_search input,
.bcm-streamcollection_filter input {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 45px;
	padding: 6px 10px 6px 40px;
    margin-bottom: 20px;
	border-radius: 4px;
	border: 1px solid #d3d3d3;
}

.bcm-streamcollection_search i {
	position: absolute;
	top: 13px;
	left: 13px;
	z-index: 6;
}

.bcm-streamcollection_filter select option:disabled {
	/*color: #d3d3d3;*/
}

.bcm-streamcollection_nav {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
	margin-bottom: 30px;
}

.bcm-streamcollection_nav .bcm-loadmore {
    flex: 6 1 auto;
    padding: 10px;
    cursor: pointer;
	margin-right: 10px;
}

.bcm-streamcollection_nav .bcm-gototop {
    flex: 1 1 auto;
    padding: 10px;
    cursor: pointer;
    background-color: #e0dad6;
}


/*** OLD API.CSS -- only here to support deprecated [bmsvideo] embeds ***/
/* Elements - Players */
.bmsvideoframe {
    position: relative;
    overflow: hidden;
}

.bmsvideoframe-16x9 {
	position: relative;
	padding-bottom: 56.25%;
}
 
.bmsvideoframe-4x3 {
	position: relative;
	padding-bottom: 75%;
}

.bmsvideoframe-audio {
	position: relative;
	padding-bottom: 48px;
    width: 640px;
}

.bmsvideoframe iframe {
	position: absolute;
	top:0;
	left: 0;
	width: 100%;
	height: 100%;
 }