/* Includes css definitions for channel.vyouhdr.com/index.html header (banner, vyou logo, links, button-link) and footer (address, copyright)
*/
	body, button, input, select, textarea {	font-family: Lato}
	input::-webkit-input-placeholder {	font-family: Lato;}
	input::-moz-placeholder {	font-family: Lato;}
	input:-ms-input-placeholder {	font-family: Lato;}
	input::placeholder {	font-family: Lato;}
	.site-description, .entry-header h2.entry-title {	font-family: Lato;}
	h1, h2, h3, h4, h5, h6 {	font-family: Lato}
	.menu-main-menu-container .menu {	font-family: Lato;}
	body {
		color: #000;
		background: #fff;
	}
	pk {
		color: #ED278F;
	}
	.half-line {
	  line-height: .5em;
	}
	.screen-reader-text {
		display: none;
	}
	.site-header {
		padding: 0px;
		background: url('../images/header-03-22-VYOU-Splashscreen-1080x132.jpg');
		background-repeat: no-repeat;
		background-size: 100% 100%;
	}
	.site-content {
		margin-top: 50px;
	}
	.site-info { display: none; }
	.join-button{
	    border-radius: 100px;
	    border-style: none;
	    height: 110px;
	    width: 110px;
	    color: #FFFFFF; 
	    font-weight: 600;
	    font-size: 20px;
	    background: url('../images/join-button.jpg');
	    line-height: 1.25em;
	    padding-left:5px;
	    margin-top: -80px;
	    margin-bottom: 0px;
	    float:right;
	  	-ms-transform: rotate(7deg); /* IE 9 */
	    -webkit-transform: rotate(7deg); /* Chrome, Safari, Opera */
	    transform: rotate(-15deg);
	}
	.join-button:hover{
		color: white;
	    opacity: 0.8 !important;
	}
	li {
		float: left;
	}
	ul {
		list-style-type: none;
		margin: 0;
		padding: 0 0 0 35;
		overflow: hidden;
		background-color: #323E4F;
	}
	li a {
		display: inline-block;
		color: #EEEEEE;
		font-size: 15px;
		text-align: left;
		padding: 1px 25px 1px 15px;
		text-decoration: none;
	}
	li a:hover {
		color: yellow;
		font-weight: bold;
		background: black;
	}
html, body {
	  /* IE 10-11 didn't like using min-height */
	  height: 100%;
	}
	body {
	  display: flex;
	  flex-direction: column;
	}
	.content {
	  flex: 1 0 auto; /* Prevent Chrome, Opera, and Safari from letting these items shrink to smaller than their content's default minimum size. */
	  padding: 0px;
	}
	.footer {
	  flex-shrink: 0; /* Prevent Chrome, Opera, and Safari from letting these items shrink to smaller than their content's default minimum size. */
	  padding: 5px;
	}
	* 
	{
	  box-sizing: border-box;
	}
	body {
	  margin: 0;
	  font: 16px Sans-Serif;
	}
	h1 {
	  margin: 0 0 20px 0;
	}
	p {
	  padding: 0 10% 0 0;
	}
	footer {
		position: fixed;
		bottom: 0;
		background-color: rgb(223, 235, 255);
		height: 1.7rem;
		width: 100%;
		font-size: 0.8rem;
		color: #777777;
		margin-bottom: 0rem;
		padding-top: 0.4rem;
		text-align: center;
	}
	footer img {
		width: 4.375rem;
		margin: 0.1rem 0rem -0.22rem;
	}