@CHARSET "UTF-8";

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.question.section.embed {
	border: none;
}
	
/* Smartphones (portrait and landscape) ----------- */
@media only screen and (max-device-width: 767px) {
	#fb-root, #Banner, #BannerImage {
	   width: 100%;
	}

	#VideoSection {
	   width: 100%;
	}
	
	.host_title {
		font-size: 20px;
		height: 26px;
	}
	
	#screen_mode_flag {
		width: 100px;
	}
	
	#icon_bar {
		height: 38px;
	}
	
	.social_icon {
		width: 24px;
		height: 24px;
	}

	.share_facebook {
		background: url('/video/images/facebook.png') 0 0 / 24px 24px;
	}

	.share_twitter {
		background: url('/video/images/twitter.png') 0 0 / 24px 24px;
	}
	
	.share_email {
		background: url('/video/images/email.png') 0 0 / 24px 24px;
	}
	
	.AudioOnOff {
		padding: 4px 0 8px 0;
		height: 24px;
	}
	
	.AudioOnOffPrompt {
		font-size: 12px;
		margin: 4px 10px 0 0;
	}
	
}

/* Tablets in portrait view ----------- */
@media screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
	#fb-root, #Banner, #BannerImage {
       width: 100%;
    }
    
    #VideoSection {
       width: 100%;
    }

    .section {
		border-bottom: none;
	}
	
	.host_title {
		font-size: 18px;
		height: 26px;
	}
	
	#screen_mode_flag {
		width: 500px;
	}
    
}