#hero {
   height: 245px;
   position: relative; }
	
.slide {
	background-repeat: no-repeat;
	background-position: center top;
  position: relative; }	
	
.mask { background: url(https://www.policyforresults.org/theme/img/hero-mask.png) no-repeat center bottom; }	

.slide a { 
   width: 980px;
   height: 245px;
   position: relative;
   display: block; }

#hero h1 {
  font-family: "jaf-bernino-sans", arial;
  font-size: 28px;
  font-weight: 300;
  line-height:1.2;
  color: #fff;
  position: absolute;
  top: 55px;
  width: 500px;
  left:60px;
	-webkit-transition: background .3s ease-in-out;
		-moz-transition: background .3s ease-in-out;
		-o-transition:   background .3s ease-in-out;
		-ms-transition:  background .3s ease-in-out;
		transition:      background .3s ease-in-out; } 
#hero .text.left { left: 0; }
#hero .text.center {
   margin-left: -195px;
   left: 50%; }
#hero .text.right { right: 0; }

#hero a:hover .text { background: rgba(140,156,163,1); }


/* --- Slide Tabs --- */

#hero ul {
    bottom: 30px;
    display: inline;
    font: 300 11px/1 "jaf-bernino-sans",arial;
    left: 60px;
    list-style: none outside none;
    padding: 5px 5px 2px;
    position: absolute;
    z-index: 100;}
  
  .ie #hero ul { left: 43%; }
      
#hero li { 
   display: inline-block;}

  #hero li a { 
      background: rgba( 255, 255, 255, .3); 
      height: 10px;
      margin: 0 2px;
      padding: 0 5px;
      text-indent: -99999px;
      display: block;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
      border-radius: 5px;
        -webkit-transition: all .3s ease-in-out;
        -moz-transition: all .3s ease-in-out;
  	    -o-transition: all .3s ease-in-out;
		    -ms-transition: all .3s ease-in-out;
		  transition: all .3s ease-in-out; }
  
  #hero li:hover a { 
      background: rgba( 255, 255, 255, .7); 
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
      border-radius: 5px;
        -moz-box-shadow: 0 1px 1px rgba(0,0,0,.3);
        -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.3);
      box-shadow: 0 1px 1px rgba(0,0,0,.3); }
   
   #hero li:active a { 
      background: rgba( 255, 255, 255, 1);
        -moz-box-shadow: 0 1px 1px rgba(0,0,0,.3);
        -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.3);
      box-shadow: 0 1px 1px rgba(0,0,0,.3); }
   
   #hero li.ui-tabs-active a { 
      background:rgba(255,255,255, 1);
        -moz-box-shadow: 0 1px 1px rgba(0,0,0,.3);
        -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.3);
      box-shadow: 0 1px 1px rgba(0,0,0,.3); }
   
   #hero li.ui-tabs-active hover a { background: transparent; }
   

/* --- Back/Next Buttons --- */

#hero .control {
  background: center center no-repeat transparent;
	width: 40px;
  height: 40px; 
	position: absolute;
	top: 100px;
	opacity: .2; 
	-webkit-transition: all .3s ease-in-out;
		-moz-transition: all .3s ease-in-out;
		-o-transition:   all .3s ease-in-out;
		-ms-transition:  all .3s ease-in-out;
		transition:      all .3s ease-in-out; }	
   #hero .control:hover { opacity: .9;}
         
	#hero .control.back {
		background-image: url(../img/left.png);
		left: 0; }			
	#hero .control.next {
		background-image: url(../img/right.png);
		right: 0; }			



/* --------------- Below --------------- */

.below {
   width: 940px;
   padding: 20px;
   text-align: left;
   position: relative; } 
   
.below h2 {
   border-bottom: 1px solid #E6E6E6;
   display: block;
   padding-bottom: 5px;
   text-transform: uppercase;
}

.below .video .embed { margin: 10px 0; }  

.below .video object,
.below .video embed,
.below .video iframe {
   width: 280px !important;
   height: 200px !important; }     

.below a.rss {
   background: #0099ad url(../img/rss.png) no-repeat center center;      
   width: 18px;
   height: 18px;
   -moz-border-radius:       9px;
      -webkit-border-radius: 9px;
      border-radius:         9px;    
   display: inline-block; 
      -webkit-transition: all .3s ease-in-out;
         -moz-transition: all .3s ease-in-out;
   		-o-transition:   all .3s ease-in-out;
   		-ms-transition:  all .3s ease-in-out;
   		transition:      all .3s ease-in-out; }
.below a.rss:hover {
   background-color: #eb6e1f;
   -moz-box-shadow:       0 1px 1px rgba(0,0,0,.2);
      -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.2);
      box-shadow:         0 1px 1px rgba(0,0,0,.2); }
.below a.rss:active {
   background-color: #00aec5;
   -moz-box-shadow:       inset 0 1px 1px rgba(0,0,0,.2);
      -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.2);
      box-shadow:         inset 0 1px 1px rgba(0,0,0,.2); }      
      
      

/* ---- Latest Feed ---- */   

#home .feed { min-height: 210px; clear: both; } 

.blog-post p {
    font-size: 13px;
}
                     
/* ------------ Policy Spotlight ------------ */   

.policy-spotlight {
  width: 640px;
  float: left;
  display: block;
  margin-right:20px;
}

.policy-spotlight ul{
  list-style: none outside none;
  margin: 0;
}

.policy-spotlight li{
  float: left;
  width: 300px;
  height: 150px;
  display: block;
  margin-right:20px;
}

.policy-spotlight img.thumb {
  background: #2c2c2c; 
  height: 80px;
  width:80px;
  float: left;
  display: block;
}

.policy-spotlight .text {
 margin-left:10px;
 float: left;
 width: 210px;
}

.morevid {
    font-size: 10px;
    position: absolute;
    right: 20px;
    text-transform: uppercase;
    top: 20px;
}

.more {
    font-size: 10px;
    text-transform: uppercase;
}



/* ------------ Featured Video ------------ */   

.featured-video {
 width: 280px; 
 float: left;
 display: block;
}

.policy-spotlight h4, .featured-video h4 {
   font-size:18px;}

.policy-spotlight h2, .featured-video h2 {
  margin-bottom: 10px;}