@import "../../../../../Base/Content/sass/compass";
@import "../../../../../Base/Content/sass/bootstrap/variables";
@import "../_Variables";

.mediaPlayerFullScreen.mediaPlayerContainer {
	z-index: 10001;

	video {
		height: 100% !important;
	}

	.mediaPlayerInitialPlayButton {
		@include box-sizing(content-box);
	}
}

.wt-2column-news,
.wt-2column-news-video {


	.wt-newsVideoPadding {
		> div > div {
			height: 67px;

			@media (max-width: $screen-sm) {
				height: 30px;
			}
		}
	}

	h1.wt-news-title {
		margin-top: 0 !important;
	}

	.wt-shadow {
		padding-top: 0 !important;
		padding-left: 0 !important;
		padding-right: 0 !important;
	}

	.wt-shadow:before {
		width: 0 !important;
	}

	.ms-formfieldcontainer,
	.ms-formfieldcontainer {
		input {
			font-size: 13px !important;
		}
	}

	@media (min-width: $screen-md) {
		#voxpop-2 {
			padding-left: 60px;
		}

		#voxpop-1 {
			padding-left: 60px;
		}
	}

	.mediaPlayerInitialPlayButton {
		span {
			margin-left: 14px;
			margin-top: 9px;
		}
	}

	.mediaPlayerContainer {
		font-size: 0; /* Avoid few pixels around video */
		width: 100%;
		height: auto !important;
	}

	.wt-news-video-rollup {
		img {
			max-width: 100% !important;
			width: 100% !important;
		}
	}

	.wt-news-video {
		position: relative;


		@media (min-width:$screen-lg-desktop) {
			/*height: 450px;
			overflow: hidden;*/
		}

		& > div {
			width: 100% !important;
			max-width: 100%;
			height: auto !important;
		}

		.mediaPlayerInitialPlayButton {
			/*position: absolute;
			top: 200px;
			right: 50%;
			z-index: 1;
			list-style-type: none;
			list-style-position: outside;
			list-style-image: none;*/
		}

		video {
			min-width: 100%;
			/*min-height: 100%;*/
			width: 100% !important;
			height: auto;
			/*z-index: -100;*/
			/*transform: translateX(-50%) translateY(-50%);*/
			/*overflow: hidden;*/
			html:not(.wt-editmode) & {
				@media (min-width:$screen-lg-desktop) {
					/*position: absolute;
					top: 25%;
					left: 25%;
					@include transform(translateX(-25%) translateY(-25%));*/
				}
			}

			.wt-editmode & {
				@media (min-width:$screen-lg-desktop) {
					/*position: relative !important;
					@include transform(translateX(0) translateY(0));*/
				}
			}
		}

		.ms-formfieldvaluecontainer {
			a {
				.wt-editmode & {
					display:block;
					clear:both;
				}
			}
		}
	}

	.wt-news-thumb {
		position: relative;
		overflow: hidden;
		padding-top: 20px;
		padding-bottom: 20px;

		.wt-news-has-image & {
			height: 300px;
			margin: 0 0 50px 0 !important;

			@media (max-width:$screen-tablet) {
				margin: 0 0 15px 0 !important;
			}
		}

		@media (max-width:$screen-xs-min) {
			.wt-news-has-image & {
				height: 200px;
			}
		}

		& img {
			min-height: 300px;
			position: absolute;
			top: 0;
			left: 0;
			margin: 0;
			width: 100%;
			max-width: 100%;

			@media (max-width:$screen-xs-min) {
				min-height: 200px;
			}
		}
	}

	.wt-news-content {
		line-height: 28px;
		font-size: 15px;
		padding-bottom: 20px;

		& img {
			/*padding-top: 25px !important;
			margin-bottom: 25px !important;*/
		}

		blockquote {
			max-width: 100%;
		}

		img {
			// why?? possible problem with max-width in firefox / ie
			max-width: 100%;
			margin: 0; // override inline style set by SP
			&.ms-webpart-menuArrowImg {
				max-width: none !important;
				margin: 0 !important;
			}
		}

		img.ms-rtegenerate-skip {
			margin-left: 0 !important;
			width: 0 !important;
			padding-top: 0 !important;
			margin-bottom: 0 !important;
		}

		.commentItemContainer .media-body .wt-breakThis {
			display: inline-block;
			word-break: break-all;
			word-break: break-word;
		}
	}


	.wt-newsContentArea {
		@media (min-width:$screen-tablet) {
			padding-right: 80px;
		}

		#relatednews_plc {
			clear: both;
		}
	}

	.wt-newsContentArea .ms-webpartzone-cell {
		margin-bottom: 40px;
	}

	.related-news {
		margin-top: 30px;
	}

	.wd-noticeboard-comments-panel {
		margin-top: 30px;
		border-top: 0 solid !important;
		background-color: transparent;

		.comments-header {
			border-top: 0 solid !important;
			display: block;
			text-transform: uppercase;
		}

		.edit-comment {
			padding: 0;
		}
	}

	[wizdom365-newsinfo] ~ [wizdom365-item-social-container] { // Apply styles to social container in the news sidebar
		.socialPanel {
			display: block;
			text-align: center;

			small {
				@include inline-block();

				@media (max-width:$screen-tablet) {
					display: block;
				}

				padding-top: 5px;
				/*font-size:70%;*/
				border-top: 1px solid lightgray;

				span {
					&:last-child {
						padding-left: 3px;
						padding-right: 6px;
					}
				}
			}
		}

		.socialPanel.previewTextPosted {
			text-align: left;

			small {
				border: 0;
				/*font-size:85%;*/
			}
		}
	}

	.news-info-container {
		text-align: center;

		.author-image {
			margin-left: auto;
			margin-right: auto;
			width: $wizdom-avatar-medium-dims;

			.ms-table,
			.ms-tableRow,
			.ms-tableCell {
				display: block;
			}
		}

		.wtsite-pagemodified-editedby {
			display: block;
			text-align: center;
		}

		.news-info {
			text-align: center;
			margin-top: 15px;
			padding-bottom: 5px;
		}
	}
}

.wt-editmode .wtsite-voxpopimage img {
    max-width: 100%;
    width: 100%;
}

.wtsite-voxpopimage img {
    max-width: 100%;
    width: 100%;
}
