/* CSS Document for Webcasts  */

/*

--- TYPOGRAPHY SYSTEM  ---
	- Font sizes (px)
10 / 12 / 14 / 16 / 18 / 20 / 24 / 30 / 36 / 44 / 52 / 62 / 74 / 86 / 98

	- font-size: 10px; 
	- 10px / 16px = 0.625 = 62.5% 
	- Percentage of user's browser font-size setting 
	
	- Font weights
		Default: 300
		Medium: 400
		Bold: 500

	- Line heights
		Default: 1
		Small: 1.05
		Medium: 1.2
		Large: 1.8
		Paragraph default: 1.6

	- Letter spacing
		- 0.5px
		- 0.75px
  
	- Spacing system (px)
2 / 4 / 8 / 12 / 16 / 24 / 32 / 48 / 64 / 80 / 96 / 128

*/

/* Universal Reset  */
* {
	margin:0;
	padding:0;
	box-sizing:border-box;
}

html {
  font-size: 62.5%;
}

body {
  font-family: 'Roboto', sans-serif;
  color: #333;
  font-size: 1.6rem;
  line-height: 1.25;
  font-weight: 400;  
}

header {
	width:100%;
	max-width:880px;
	margin:0 auto 1rem auto;
	padding-top:3rem;
	background-image: url(/stream/images/header_border.jpg);
	background-repeat: no-repeat;
	background-position:bottom;
}

.ÐÓ°ÉProLogo {
	text-align:center;
	padding-bottom:1.8rem;
}

.ÐÓ°ÉProLogo img {
	max-width:500px;
	height:auto;
}

.ÐÓ°ÉProLogoSM  {
	max-width:380px;
	height:auto;
	margin-bottom:1.6em;
}


h1, h2, h3 {
	font-size:3.2rem;
	font-weight:500;
	color:#509a45;
}

h2 {
	font-size:2.4rem;
	font-weight:500;
	color:#222;
	line-height:1.4;
	padding-bottom:0.58em;
}


h3 {
	font-size:1.8rem;
	font-weight:500;
	color:#222;
}

.text-center {
	text-align:center;
}

.container {
	width:100%;
	max-width:880px;
	margin-top:2rem;
}

.video-container {
	position:relative;
	padding-bottom:58.25%;
	height:0;
	overflow:hidden;
}

.video-container iframe, .video-container object, .video-container embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}


/* Used for a isiLive Recorded Video */ 
.recorded iframe {
	margin-left:25%!important;
	overflow:hidden;
}
 

.videoScreen, #PlayerOne.ui-enabled #topContainer {
	border:1px solid #fff!important;
	margin-bottom:1em;
}


.placeHolderImage img {
	width:100%;
	height:100%;
	margin:0 auto;
}


.archivedVideo {
	max-width:800px; 
	margin:0 auto;
	border:3px solid white;
	padding:20px;    
}	 


/**** Scribble Live Buttons  ***/
.btn-info{
	background-color:#396595!important;
	background-image:none;
	border:none;
}

.btnLableBar {
	width:100%;
	height:40px;
	margin:10px 0 0 0;
}

.btnLableLeft {
	margin:-10px 35px 0 0;
}

.btnLableLeft, .btnLableRight {
	float:left;
}



/* Used for a isiLive Recorded Video */
@media (max-width:817px) {   
.recorded iframe {
	margin-left:0%!important;
}
}

/* Used for a isiLive Recorded Video */
@media (max-width:414px) { 
.recorded iframe {
	margin-left:6%!important;
}
}