/*
	feature_css (extends bgc_design.css)
	contains all design specific colors, images and text formatting for the feature well.
	
	All style rule attributes in alpha-numeric order starting from 0-9 A-Z
	x = horizontal, y = vertical
	property: trbl, tb rl, t rl b, t r b l;
*/



.feature .milestone-plus .meta{ height: 350px; overflow: hidden; padding: 0 70px; position: relative; }

.feature .milestone-plus .left{ float: none; left: 20px; position: absolute; top: 98px; }

.feature .milestone-plus .right{ margin-right: 9px; margin-top: 11px; }

.feature .milestone-plus h2{ color: #fff; left: -45px; position: relative; text-shadow: 0 0 5px rgba(4, 8, 9, 0.25); top: -49px; }

.feature .milestone-plus p{ left: 127px; position: relative; top: -17px; width: 340px; }

.feature .milestone-plus .feature-body{ margin-bottom: 32px; overflow: hidden; position: relative; }

.feature .milestone-plus .feature-body p{ color: #474747; font-size: 12px; line-height: 20px; }

.feature .milestone-plus .feature-body p strong{ font-size: 14px; }

.feature .milestone-plus .featured-phone-icons{ border: 0; height: 16px; left: 127px; list-style: none; margin: 0; overflow: hidden; padding: 0; position: relative; top: -7px; width: auto; }

.feature .milestone-plus .featured-phone-icons li{ border: 0; float: left; height: 16px; margin-right: 14px; width: auto; }

.feature .milestone-plus .featured-phone-icons img{ border: 0; display: block; }



.feature .android-phones .meta{ position: relative; }

.feature .android-phones .left{ margin-left: -54px; }

.feature .android-phones .right{ margin-right: -54px; margin-top: 88px; }

.feature .android-phones h2{ text-shadow: 0 0 5px rgba(4, 8, 9, 0.25); width: 100%; }

.feature .android-phones h2,
.feature .android-phones p{  position: relative; top: -35px; }

.feature .android-phones .feature-body{ font-size: 12px; line-height: 20px; margin: 11px 0 16px; width: 85%; }

.feature .android-phones .feature-body strong{ font-size: 14px; }



.feature .tax-time .meta{ position: relative; }

.feature .tax-time .left{ margin-left: -54px; }

.feature .tax-time .right{ margin-right: -54px; margin-top: 88px; }

.feature .tax-time h2{ text-shadow: 0 0 5px rgba(4, 8, 9, 0.25); width: 100%; }

.feature .tax-time h2,
.feature .tax-time p{  position: relative; top: -35px; }

.feature .tax-time .feature-body{ font-size: 12px; line-height: 20px; margin: 11px 0 16px; width: 85%; }

.feature .tax-time .feature-body strong{ font-size: 14px; }



.pick img.right { margin-top: -25px; margin-right: 80px; margin-left: 0; }

.pick h2 { margin-top: 0; width: 240px;}
.pick p {width: 240px;}

.pick .meta{ margin-top: 0; }



.feature .slide.battles{
			text-align: center;
		}
		
			.feature .battles img{
				float: none;
				display: block;
				height: 254px;
				width: 402px;
				margin: 124px auto 0;
			}



.holiday .meta{ width: 700px; }

.holiday h2{ padding-top: 35px; }

.holiday p{ color: #e5e5e5; }

.holiday p small{ font-size: 10px; }

.holiday a.facebook:link,
.holiday a.facebook:visited{
background: transparent url(/css/img/btn-like-facebook.png) no-repeat 0 0;
display: block;
float: left;
text-indent: -9999em;
height: 27px;
width: 155px;
}

.holiday a.facebook:hover,
.holiday a.facebook:active{
background-postion: 0 -28px;
}



.feature .xperia .meta{ position: relative; }

.feature .xperia .left{ margin-left: -54px; }

.feature .xperia .right{ margin-right: -54px; margin-top: 88px; }

.feature .xperia h2{ text-shadow: 0 0 5px rgba(4, 8, 9, 0.25); width: 100%; }

.feature .xperia h2,
.feature .xperia p{  position: relative; top: -35px; }

.feature .xperia .feature-body{ font-size: 12px; line-height: 20px; margin: 11px 0 16px; width: 85%; }

.feature .xperia .feature-body strong{ font-size: 14px; }




.x2 img.right{ margin-top: 15px; margin-right: 70px; margin-left: 0; }

               .x2 h2 {margin-top: -65px;}

                ul #x2-list{ height: 300px;} 
                  #x2-list li{ text-transform: capitalize; font-size: 10px; border: none; float: left; height: 25px; text-align: left; width: 400px; line-height: 23px; }
                     .x2-features img{ float: left; display: block; height: 21px; width: 21px; padding-right: 10px; padding-bottom: 10px; }




.feature .slide.bluephoria{
			background-image: url(/content/homepage-feature/bg-bluephoria.jpg) !important;
		}
		
			.feature .slide.bluephoria h2{ font-size: 44px; }
		
		.feature .slide.bluephoria img.right{ margin-top: -40px; }
		
		.feature .slide.bluephoria img.left{ margin-top: 40px; }



/* Declare custom background images based on selection in entry */

.bg-battles-basketball{ background-image: url(/css/img/features/battles-bg-basketball.jpg) !important; }

.bg-battles-football{ background-image: url(/css/img/features/bg-battles.jpg) !important; }

.bg-blue-grid{ background-image: url(/css/img/features/bg-angled.jpg) !important; }

.bg-gray{ background-image: url(/css/img/features/bg-gray.png) !important; }

.bg-lightblue{ background-image: url(/css/img/features/bg-lightblue.png) !important; }

.bg-winter{ background-image: url(/css/img/features/bg-winter.jpg) !important; }

.bg-winter-alt{ background-image: url(/css/img/features/bg-winter-alt.jpg) !important; }
