/* --------------------------------------------------
   Custom styles

   These are currently only used on the home page,
   but we should move these to popcap-base.css if we use
   these fonts on other pages. LR
-----------------------------------------------------*/
@font-face {
    font-family: 'OmnesSemibold';
    src: url('../fonts/omnes-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/omnes-semibold-webfont.woff') format('woff'),
         url('../fonts/omnes-semibold-webfont.ttf') format('truetype'),
         url('../fonts/omnes-semibold-webfont.svg#OmnesSemibold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'OmnesSemiboldItalic';
    src: url('../fonts/omnes-semibolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/omnes-semibolditalic-webfont.woff') format('woff'),
         url('../fonts/omnes-semibolditalic-webfont.ttf') format('truetype'),
         url('../fonts/omnes-semibolditalic-webfont.svg#OmnesSemiboldItalic') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'OmnesBold';
    src: url('../fonts/omnes-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/omnes-bold-webfont.woff') format('woff'),
         url('../fonts/omnes-bold-webfont.ttf') format('truetype'),
         url('../fonts/omnes-bold-webfont.svg#OmnesBold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'OmnesBoldItalic';
    src: url('../fonts/omnes-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/omnes-bolditalic-webfont.woff') format('woff'),
         url('../fonts/omnes-bolditalic-webfont.ttf') format('truetype'),
         url('../fonts/omnes-bolditalic-webfont.svg#OmnesBoldItalic') format('svg');
    font-weight: normal;
    font-style: normal;
}



/* --------------------------------------------------
    background image
-----------------------------------------------------*/
body {
	background-image: url('http://static-www.ecs.popcap.com/www.popcap.com/sites/home_pages_2013/img/home_page_bg.jpg');
	background-repeat: no-repeat;
	background-position: center top;
	background-color: #ffd705;
}



/* --------------------------------------------------
   slider styles
-----------------------------------------------------*/

.slider-band {
	padding-bottom: 25px;
	background: url('http://static-www.ecs.popcap.com/www.popcap.com/sites/home_pages_2013/img/zigzag.png') repeat-x center bottom;
}

/* --------------------------------------------------
   game buttons
-----------------------------------------------------*/
.content-band {
	padding-bottom: 70px;

	background: #ffffff;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIyNyUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI5OSUiIHN0b3AtY29sb3I9IiNmOWU3NjciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #ffffff 27%, #f9e767 99%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(27%,#ffffff), color-stop(99%,#f9e767));
	background: -webkit-linear-gradient(top,  #ffffff 27%,#f9e767 99%);
	background: -o-linear-gradient(top,  #ffffff 27%,#f9e767 99%);
	background: -ms-linear-gradient(top,  #ffffff 27%,#f9e767 99%);
	background: linear-gradient(to bottom,  #ffffff 27%,#f9e767 99%);
}

.game-buttons-row {
	padding-bottom: 20px;
}

.home-game-tiles .shadow {
	width: 100%;
	background-position: center top;
	background-size: contain;
}

.all-games .shadow {
	width: 40%;
	background-position: center top;
	background-size: contain;
}

.home-game-tiles-mobile .shadow {
	width: 80%;
	background-size: contain;
	background-position: center top;
}

.home-game-tiles .game-button, .home-game-tiles-mobile .game-button {
	display: block;
	width: 100%;
	min-height: 180px;
	text-align: center;
	margin-top: 1.5em;

	-webkit-border-radius: 10px 10px 0 0;
	-moz-border-radius: 10px 10px 0 0;
	border-radius: 10px 10px 0 0;

}

.home-game-tiles .game-buttons a h2 {
		font-size: 16px;
}
	.home-game-tiles .game-button.pvz {
		background: url('http://static-www.ecs.popcap.com/www.popcap.com/sites/home_pages_2013/img/pvz_tile.jpg') no-repeat center center;

		background-size: cover;
	}
	.home-game-tiles .game-button.bej {
		background: url('http://static-www.ecs.popcap.com/bej_15_popcapweb_775x198_banner_r2.jpg') no-repeat center center;
		background-size: cover;
	}

	.home-game-tiles .game-button.peg {
		background: url('https://static-www.ecs.popcap.com/PEGB_775x195_home.jpg') no-repeat center center;
		background-size: cover;
	}
	.home-game-tiles .game-button.sol {
		background: url('http://static-www.ecs.popcap.com/www.popcap.com/sites/home_pages_2013/img/solb_tile.jpg') no-repeat center center;
		background-size: cover;
	}

.all-games-button {
	text-align: center;
}
 a.all-games-button {
	background-color: #f7661b;
	display: block;
	padding: 28px;
	color: #fff;
	font-size: 24px;
	-webkit-border-radius: 10px;
    background: #f7661b url('http://static-www.ecs.popcap.com/www.popcap.com/sites/home_pages_2013/img/all_games_chars.png') no-repeat center center;
    border-radius: 10px;
}
a.all-games-button:hover {
	background-color: #ffae00;
}

/* --------------------------------------------------
   welcome para
-----------------------------------------------------*/
	.middle.shadow {
		margin: 35px 0;
	}
	.welcome-text {
		background: url('http://static-www.ecs.popcap.com/www.popcap.com/sites/home_pages_2013/img/welcome_banner.png') no-repeat center top;
		text-align: center;
	}
	.welcome-content {
		min-height: 545px;

	}
	.welcome-text h1 {
	 	font-family:'OmnesBold', 'Lucida Grande', 'Lucida Sans', sans-serif;
	 	font-size: 34px;
	 	line-height: 37px;
	 	color: #f7661b;
	 	padding-top: 48px;
	 	padding-bottom: 10px;
	 	font-weight: normal;
	}
	.welcome-text h1 span {
		font-family:'OmnesSemibold', 'Lucida Grande', 'Lucida Sans', sans-serif;
		text-transform: uppercase;
		font-size: 20px;
		line-height: 20px;
	}
	.welcome-text p {
		font-family: "Open Sans";
		font-size: 16px;
		line-height: 28px;
		padding:10px 60px 0 60px;
	}
/* --------------------------------------------------
 Blog Widget
-----------------------------------------------------*/
	.blog-ride .white-box {
		background: url('http://static-www.ecs.popcap.com/www.popcap.com/sites/home_pages_2013/img/home_page_blog_ride_bg_2014_v2.jpg') no-repeat center top;
		background-color: #fff;
	}
	.blog-ride .block-popcap_wordpress {
		padding: 85px 20px 30px 20px;
	}
	.blog-ride h2 {
		text-indent: -9999px;
	}
	.blog-ride .blog_post {
		border-bottom: 1px solid #cccccc;
		padding: 10px 0;
	}
	.blog-ride h4 {
		line-height: 20px;
	}
	.blog-ride h4 a  {
		font-size: 16px;
		color: #f26522;
		font-weight: normal;
	}
	.blog-ride p.meta small {
		font-size: 11px;
		line-height: 18px;
		color: #898989;
	}
	.blog-ride p.meta {
		padding-bottom: 10px;
	}
	.blog-ride p {
		font-size: 12px;
		line-height: 20px;
		color: #000;
	}
	.blog-ride p a {
		font-size: inherit;
		color: #f26522;
	}
	.blog-ride p a:hover {
		text-decoration: underline;
	}
	.blog-ride p.more {
		text-align: right;
		font-weight: bold;
	}

	.blog-ride p.more:hover {
		text-decoration: underline;
	}
	#blog_bottom {
		width: 100%;
		padding: 10px 0;
	}

	#blog_bottom a.rss_home {
		text-decoration: none;
		color: #000;
		font-size: 11px;
		font-weight: bold;
		background: url("http://static-www.ec.popcap.com/www.popcap.com/sites/all/themes/popcap_2012/global/home/widgets/rss.png") no-repeat scroll left center transparent;
		padding: 4px 0 0 22px;
		float: left;
	}
	#blog_bottom #blog_btn {
		float: right;
	}

/*===================================================

  MEDIA QUERIES

===================================================*/

/* --------------------------------------------------
  Smaller screen styles  968px
-----------------------------------------------------*/

@media only screen and (max-width: 968px) {
	.welcome-text {
		background-size: contain;
	}
	.blog-ride .white-box {
		background-size: 170%;
	}
/*
	.orbit-container .orbit-slides-container > * {
		height: 125%;
	}
*/

}



/* --------------------------------------------------
  Smaller screen styles  936px
-----------------------------------------------------*/

@media only screen and (max-width: 936px) {
	.welcome-text p {
		margin: 0 auto;
		max-width: 100%;
		font-size: 16px;
		line-height:31px;
	}
/*
	.welcome-text h1 {
		padding-top: 30px;
	}
*/

}
/* --------------------------------------------------
 Size break to hide all games button
-----------------------------------------------------*/
@media only screen and (max-width: 780px){
	.welcome-text {
				background: none;
	}
	.welcome-text p {
		padding: 10px 10px 0 10px;

	}

}
/* --------------------------------------------------
   Smaller screen styles  768px
-----------------------------------------------------*/

@media only screen and (max-width: 767px){
	body {
		background-image: url('http://static-www.ecs.popcap.com/www.popcap.com/sites/home_pages_2013/img/home_page_mobile_bg2.jpg');
	}
	.slider-band {
		background: none;
	}
	.socialbreak {
		height: 16px;
	}
	.content-band {
		background: none;
	}


	footer .left-border {
		border: none;
	}
	.welcome-content {
		min-height: 500px;
	}
	.welcome-text h1 {
		padding-top: 0;
	}
	.welcome-text {
		background-size: auto;
	}
	.welcome-text p {
		max-width: 61%;
		padding-bottom: 10px;
	}
	.blog-ride .white-box {
		background-size: 100%;
	}


}

/* --------------------------------------------------
   Smaller screen styles  560px
-----------------------------------------------------*/

@media only screen and (max-width: 560px) {


	.slider-band .white-full-width {
		margin-top: 15px;
		margin-bottom: 0;
	}

	.slider-band .white-box {
	}
	.blog-ride .white-box {
		background-size: auto;
	}
	.welcome-content {
		min-height: 545px;
	}
	.welcome-content {
		padding-left: 10px;
		padding-right: 10px;
	}
	.welcome-text p {
		max-width: 100%;
		margin: 0 auto;

	}
	.home-game-tiles-mobile h6 {
		font-size: 12px;
		line-height: 14px;
	}
	.blog-ride .white-box {
		background-size: 160%;
	}

}