#streaming_feed {
   position: relative;
   height: auto;
   background:#012350;
   margin-top: -150px;
   padding-top: 150px;
}
   #streaming_feed .wrap {
      padding: 2rem 5rem;
   }
   #streaming_feed .wrap h1 {
      color: white;
      text-align: left;
   }
   


#hero {
   margin-top: -150px;
   width: 100%;
   height: 550px;
   background:#012350;
	position: relative; }
  
.slide {
	background-repeat: no-repeat;
	background-position: center top;
	position: relative;
	background-size: cover;
	height: 550px;
   -webkit-box-shadow:inset 0 0 100px 100px #012350;
   box-shadow:inset 0 0 100px 100px #012350;}

#hero ul {
   display: none; }

#hero .text {
   width: 100%;
   z-index: 20;
   padding: 0;
   background: none;
   margin: 0;
   height: auto;
   font-size: 100%;
   color: #fff;
   position: absolute;
   text-align: left;
   bottom: 20px;
   right: initial; 
   left: initial; 
   -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 .text .wrap {
      padding: 4rem;
   }
   
#hero h1 {
   display: block;
   color: #fff;
   font-weight: 400;
   font-size: 480%;
   line-height: 1;
   text-transform: none;
   letter-spacing: 0;
   word-spacing: 0;
   margin: 0 ;
   text-shadow: 0 0 30px #012350;}	
   
#hero span.description {
   clear:both;
   display: block;
   font-size: 300%;
   font-family: cubano, sans-serif;
   line-height: 100%;
   margin: 0;
   text-align: left;
   text-shadow: 0 0 20px #012350; }
   
#hero a.button {
   clear: both;
   margin: 1em 0 0;
   padding: .5em 1em;
   display: inline-block;
   text-transform: uppercase;
   font-weight: 700;
   color: #012350;
   font-size: 180%;
   background: white; } 
   
   #hero a.button:hover {
      background: #44c9f6;
      color: white; }

#hero .control {
    background-color: none;   
    width: 50px;
    height: 50px;
    position: absolute;
    top: inherit;
    z-index: 100;
    bottom: 45%;
    font-size: 50px;
    line-height: 1;
    text-align: center;
    color: rgba(255,255,255,.5);  
    display: 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;  }
      
    .ie8 #hero .control { width: 23px; padding: 10px 0; text-align: center; background-color: #fff; }

    #hero .control:hover { 
        color: rgba(255,255,255,.8); }
            
        #hero .control { width: 36px; padding: 11px 0; }
    
    #hero .control:active { 
        color: rgba(255,255,255,1); }

#hero .control.back { left: 2%; }
    #hero .ie8 .control.back { left: 2%; }
    #hero .control.back:hover { }
    #hero .ie8 .control.back:hover { left: 2%; }
   
#hero .control.next { right: 2%;}  
    #hero .ie8 .control.next { right: 2%; }
    #hero .control.next:hover {  }  
    #hero .ie8 .control.next:hover { right: 2%; }


#text-updates {
   padding: 2rem 0;
   background: #44c9f6;
   color: #012350; }
   
   #text-updates h2 {
      margin: 0; }

#action-bar {
   padding: 3rem 0;
   clear: both;
   display: block;
   background: #012350; }
   
   #action-bar h2 {
      color: #44c9f6;
      line-height: 1; }
         
   

#daily-content-tabs {
   background: white;
   border-top: 80px #012350 solid;
   clear: both;
   display: block; 
   text-align: left;
   margin-bottom: 2em; }
   
#tabs {
   background: none;
   margin-top: -80px; }
   
.tab-content {
   margin: 1em; }
   
.title.alt ul {
   list-style: none;
   display: inline-block;
   margin: 0 auto;
   padding: 0;
   width: 100%; }
   
.title.alt ul li {
   float: left;
   list-style: none;
   display: inline-block;
   margin: 0;
   padding: 0;
   width: 20%; }
   
   .title.alt ul li:first-child {  }
   .title.alt ul li:last-child { border-right: 0; }
   
      
.title.alt ul li a {
   width: 100%;
   height: 80px;
   text-align: center;
   font-style: normal;
   font-weight: 400;
   font-family: cubano, sans-serif;
   background: #44c9f6;
   color: #fff;
   font-size: 220%;
   text-transform: uppercase;
   line-height: 80px;   
   display: inline-block;}

.title.alt a:hover { 
   background: white;
   color: #44c9f6;   }
  
.title.alt a:active { 
   color: #012350; }
    
.title.alt li.ui-tabs-active a {
   color: #012350;
   background: white;
   font-size: 200%;
   height: 80px;
   line-height: 80px;
   margin-top: 0px;
   position: relative;} 
   
   .tab-content .container {
      padding: 2% 0; }
      
   .daily-promo {
      border: 2px #44c9f6 solid;
      padding: 5%; 
      background: #ecf9fe;
      margin-bottom: 1em; }
   
   .tab-content .links {
      width: 20%;
      float: left;
      margin-right: 4%; }
      
      .tab-content .links span { display: block; }
      .tab-content .links span.title { font-size: 120%; font-family: cubano, sans-serif; font-weight: bold; color: #012350; margin-bottom: 5px; }
      .tab-content .links span.download { color: #012350; }
      .tab-content .links span.sm { }
      
   .tab-content .small {
      font-style: italic;
      margin: -0.5rem 0 1rem 0;
      display: block;
      color: gray;
      font-size: 80%; }
      
   .tab-content .photos {
      width: 37%;
      float: left;
      }
      
   .tab-content .video {
      width: 35%;
      float: left;
      margin-right: 4%; }
      
      .tab-content .photos h2 a, .tab-content .video h2 a { color: #012350; }
      
      .video-panel li {
         margin: 0 1% 1% 0;
         float: left;
         display: inline-block;
         width: 49% }
      
      .video-panel li a {
         background-repeat: no-repeat;
         background-position: center center;
         -webkit-background-size: cover;
         -moz-background-size:    cover;
         -o-background-size:      cover;  
         background-size:         cover;
         width: 100%;  
         height: 135px;
         -moz-box-sizing:    border-box; 
         -webkit-box-sizing: border-box;
         box-sizing:         border-box;    
         margin-bottom: 10px;
         display: block;   
         position: relative; 
         -moz-box-shadow:    inset 0 0 0 1px #cdcdcd;
         -webkit-box-shadow: inset 0 0 0 1px #cdcdcd;
         box-shadow:         inset 0 0 0 1px #cdcdcd;
         -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; }
         
         #content .video-panel li a {
            height: 220px; }
         
      .video-panel li a:hover {
         -moz-box-shadow:    inset 0 0 0 5px #00192c;
         -webkit-box-shadow: inset 0 0 0 5px #00192c;
         box-shadow:         inset 0 0 0 5px #00192c; }
          
          
      .video-panel li a .text {
        background: rgba(0,49,88,.8);
        width: 100%;  
        height: 100%;
        padding: 20px 10px 10px;
        -moz-box-sizing:    border-box; 
        -webkit-box-sizing: border-box;
        box-sizing:         border-box;   
        position: absolute;
        left: 0;
        top: 0;
        color: #fff;
        display: block;
        text-align: center;
        overflow: hidden;
        opacity: 0;
        font-size: 80%;
        -webkit-transition: all .5s ease-in-out;
        -moz-transition:    all .5s ease-in-out;
        -o-transition:      all .5s ease-in-out;
        -ms-transition:     all .5s ease-in-out;
        transition:         all .5s ease-in-out; }
      .video-panel li a:hover .text { opacity: 1; }
      .video-panel li a:active .text { background: rgba(0,25,44,.9); }
      
      
      .video-panel li a .icons { 
        color: #fff;
        font-size: 35px; 
        margin: 10px auto;
        display: block;
        -webkit-transition: color .5s ease-in-out;
        -moz-transition:    color .5s ease-in-out;
        -o-transition:      color .5s ease-in-out;
        -ms-transition:     color .5s ease-in-out;
        transition:         color .5s ease-in-out;  }
      .video-panel li a:active .icons { color: #fdba31; }
      
      .video-panel li a h3 {
        color: #fdba31;
        display: block;
        font-size: 150% !important;
        font-weight: 400;
        line-height: 1.1;
        margin: 0 0 .25em 0;
        -webkit-transition: color .5s ease-in-out;
        -moz-transition:    color .5s ease-in-out;
        -o-transition:      color .5s ease-in-out;
        -ms-transition:     color .5s ease-in-out;
        transition:         color .5s ease-in-out; }
      .video-panel li a:active h3 { color: #fff; }


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

#feed {
    width: 100%;
    position: relative;
    padding: 2% 6%;
    }
    
 
.feed .panel { 
    height: auto; 
    width: 100%;
    } 
 
.feed .slide { padding: 0; height: auto; width: 94%; margin: 0 auto; box-shadow: none; -webkit-box-shadow: none; }
.feed .slide a { height: auto; position: relative; }

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

.feed .control {
   background-repeat: no-repeat;
   width: 30px;
   height: 30px;
   position: absolute;
   top: 50%;
   font-size: 30px;
    }  
    
.feed .control.social-back {
    content: "<";
    left: 0;
    background-position: center center;
    }  

.feed .control.social-next {
    content: ">";
    right: 0;
    background-position: center center;
    }     
    

/* ---- Feed Controls ---- */   

.feed ul { display: none; }



/* ---- Feed/Lists ---- */   

.feed article {
    line-height: 1.1; 
    font-size: 1.0em;
    font-weight: 300;
    text-align: left;
    color: #444444;
    padding: 1em;
    opacity: 1; 
    }
    
    
    .feed article:hover  { background-color: #f7f7f7;  }        
    .feed article:active { opacity: .7; }
    
.feed article time { 
    display: block;
    font-size: .8em;
    line-height: 1.2;
    text-transform: uppercase;
    color: #959595;
    margin-bottom: .25em;
    }

.feed article h3 { 
    font-family: 'Arimo', sans-serif !important;
    font-size: 1.00em;
    font-weight: 300;
    line-height: 1.4; 
    margin: 0 0 .25em; 
    padding: 0;
    text-transform: none;
    background: none;
    border: none;
    }
    #feed.feed article h4:hover { text-decoration: underline; }

.feed article p { margin-bottom: 0; line-height:1.2;  }

.feed article a p { color: #444444; }

.feed article.facebook p,
.feed article.twitter p { 
    font-size: 100%;
    font-weight: 300; 
    }
      
.feed article small { 
    margin-top: 10px; 
    display: block;
    font-size: 10px;
    text-transform: uppercase;
    text-align: left;
    line-height: 1.2;
    }
    
.feed article small,
.feed article small a { color: #787878; }
  
.feed article small a:hover { color: #444444; }

.feed article .photo {
    display: block;
    margin-bottom: .5em;
    width: 50%;
    }

    @media (min-width : 960px) { 
       #feed.feed article { width: 25%; float: left; overflow: hidden; }
       .feed article { width: 33.3%; float: left; overflow: hidden; font-size: 1.1em; }
       #feed { padding: 2%; }
       #feed h2 { margin-top: 0; }
    }