/* Daytona Takeunder
Author: David Pascual
Creation Date: 1/06/2016

-------
Revision History:
1.0 Initial Build (2/16/2016)
-------
Table of Contents
-------
  1.0 - Hero/Takeunder Container Classes
  2.0 - CTA Box
  3.0 - Video Backgorund
  4.0 - Buttons
  5.0 - Blog
  6.0 - Tabs

*/
/*-------------------------*/
/*  1.0 Hero/Takeunder Container
/*-------------------------*/

body {
  background:#fff;
}

.homepage-unrecognized #hero {
  background:none;
  height:600px;
  overflow:hidden;
  padding:0px;
  position:relative;
  min-width:1060px;
}
#hero div.content {
    width: 1060px;
    margin: 0 auto;
}
.homepage-unrecognized #hero.sxm-hp-video-backup {
  background:url(/wo/i/tuesday2016/img/sxm-hp-bg.jpg) top center no-repeat #fff;
/*  background-size:cover;*/
}

  #box-wrapper .hp-box.left-box {
    margin: 0px;
    width:680px !important;
}
  
  #box-wrapper .hp-box.orange-box {
    background: none;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f78429+0,f46a00+100&0.75+0,0.75+100 */
background: -moz-linear-gradient(top,  rgba(247,132,41,0.90) 0%, rgba(244,106,0,0.70) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(247,132,41,0.70)), color-stop(100%,rgba(244,106,0,0.75))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(247,132,41,0.90) 0%,rgba(244,106,0,0.70) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(247,132,41,0.90) 0%,rgba(244,106,0,0.70) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(247,132,41,0.90) 0%,rgba(244,106,0,0.70) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(247,132,41,0.90) 0%,rgba(244,106,0,0.70) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bff78429', endColorstr='#bff46a00',GradientType=0 ); /* IE6-9 */
padding-top:20px;
/*    background-color: rgba(0,0,0,0.5);*/
 height: 475px;
  }

  #takeunder {
  font-family: 'Roboto', sans-serif;
  margin-top:30px;
  }

#takeunder .feature-area {
  height:540px;
  overflow:hidden;
}
#takeunder .feature-post {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f4f4f4+0,ffffff+100&0.9+0,0.7+100 */
  float:left;
  padding-left:35px;
  width:680px;
  text-align:center;
}

#takeunder .feature-post .content-title {
    color: #fff;
    font-family: 'Roboto', Arial, sans-serif;
    text-align: center;
    margin:160px 0px 0px 0px;
    /*
    width: 320px;
    height:240px;
    */
    overflow:hidden;
}
#takeunder .feature-post .content-title p{
  color:#fff;
    font-size:24px;
  font-weight:400;
  line-height:24px;
  margin:0 0 5px 0;
}

#takeunder .feature-post .content-title p.title1 {
font-size: 78px;
    line-height: 78px;
    margin: 0px;
    padding: 0px 0px 22px 0px;
    font-weight: 800;
}

#takeunder .feature-post .content-title p.title2 {
    font-size: 26px;
    line-height: 26px;
    padding: 15px 0px 21px 0px;
    margin: 0;
    font-weight: 200;
}

#takeunder .feature-post .content-title p.subtitle1 {
  font-size:27px;
  font-weight:300;
  line-height:22px;
  padding:0px 0px 15px 0px;
}

#takeunder .feature-post .content-title p.subtitle2 {
  font-size:22px;
  line-height:22px;
  font-weight:400;
 /* text-shadow: 5px 5px 40px #000000;*/
}

#takeunder .feature-post .content-title a{
  color:#fff;
  font-size:28px;
  font-weight:600;
  line-height:34px;
  text-decoration: underline;
}

#takeunder .sidebar {
float:left;
margin-left:40px;
width:300px;
}

/*-------------------------*/
/*  2.0 CTA Box 
/*-------------------------*/
#takeunder .takeunder-cta {
  position:absolute;
  z-index:10;
  text-indent:-9999px;
  width:670px;
  height:520px;
  display:block;
}


/*-------------------------*/
/*  3.0 Video Background
/*-------------------------*/

/*This one isn't really used for holiday but is used for fixed sized video implemtations*/
  
  #video-bg-static-container{
    position: absolute;
    z-index: -1;
  /*
    top: 0px;
    width: 1500px;
    left: -245px;
    */
}

video#hp-video { 
  
    position: fixed;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
        -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    
    z-index: -100;
    background-size: cover; 
}
  
/*-------------------------*/
/*  4.0 Buttons
/*-------------------------*/

.homepage-unrecognized .btn-primary-white.ieFallback{
  background-color:#fff;
  border:none;
}

.homepage-unrecognized .btn-primary-blue.ieFallback{
  background-color:#006eb8;
  border:none;
}

#box-wrapper .hp-box.white-box {
      margin-top: 10px;
 height:490px !important;
 }

   #box-wrapper .hp-box.white-box {
background: #ffffff;
padding-top:15px;

  }

 #box-wrapper .hp-box.right-box .sub-buttons-header {
  padding-top:5px;
  }

    #box-wrapper .hp-box.right-box h4 {
    color: #000;
    text-align: center;
    font-family: 'Roboto Condensed', Arial, sans-serif;
    font-size: 20px;
    font-weight: 400;
    padding: 0 0 8px 0;
}

.hp-box ul.trial-buttons {
    border-bottom:none;
    padding-bottom:5px;
}

#box-wrapper .hp-box.right-box .trial-buttons .btn-primary-blue {
    color: #ffffff;
    width: 100%;
    border: none;
    height: 50px;
    line-height: 36px;
    font-weight: 700;
    font-size: 16px;
    margin-bottom: 20px;
}

#box-wrapper .hp-box.right-box .sub-buttons .btn-primary-blue {
    color: #ffffff;
    width: 100%;
    border: none;
    height: 32px;
    line-height: 20px;
    font-weight: 700;
    font-size: 16px;
    margin-bottom: 15px;
}

  .sxm-bootstrap.feature-area .btn-primary-white {
    border: 1px solid rgba(255,255,255,0.6);
  }
  
 .sxm-bootstrap.feature-area .btn-primary-white, .sxm-bootstrap.feature-area .btn-primary-white:hover {
    color: #084888;
    width: 250px;
    border: 0px;
    height: 60px;
    line-height: 45px;
    font-weight: 700;
    font-size: 16px;
    margin-bottom: 10px;
    white-space: normal;
}

  }
  

/*-------------------------*/
/*  5.0 Blog Postings
/*-------------------------*/

#takeunder .feature-text {
  font-size:22px;
  padding:25px;

}
#takeunder .blog-headline {
  margin:0px;
  padding:0px;
}
.rsContainer{
  margin:0 40px;
}
.postContent {
background: -moz-linear-gradient(top,  rgba(244,244,244,0.9) 0%, rgba(255,255,255,0.7) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(244,244,244,0.9)), color-stop(100%,rgba(255,255,255,0.7))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(244,244,244,0.9) 0%,rgba(255,255,255,0.7) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(244,244,244,0.9) 0%,rgba(255,255,255,0.7) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(244,244,244,0.9) 0%,rgba(255,255,255,0.7) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(244,244,244,0.9) 0%,rgba(255,255,255,0.7) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6f4f4f4', endColorstr='#b3ffffff',GradientType=0 ); /* IE6-9 */

  min-height:58px;
  padding:8px;
}
/*
.homepage-unrecognized #tabs-carousel .navigation a {

    display: block;
    height: 48px;
    text-indent: -9999px;
    width: 25px;
}
*/
.rsDefault.rsHor .rsArrowLeft .rsArrowIcn {
    background-position: 0px 0px;
}
.rsDefault.rsHor .rsArrowRight .rsArrowIcn {
    background-position: -25px 0px;
}

.rsDefault .rsArrowIcn:hover {
    background-color: rgba(0,0,0,0);
}

.rsDefault.rsHor .rsArrowRight {
    right: -7px;
    top: 0;
}

.rsDefault .rsArrowIcn:hover {
  opacity:1.0;
}

.rsDefault .rsArrowIcn {
    width: 25px;
    height: 48px;
    top: 50%;
    left: 50%;
    opacity: 0.6;
    margin-top: -16px;
    margin-left: -16px;
    position: absolute;
    cursor: pointer;
    background: url(//www.siriusxm.com/sxm/img/homepage/carousel/carousel-arrows-unrecognized-v2.png) no-repeat 0 0;

}


.postContent .post-title{
  color:#000 !important;
  font-size:14px !important;
  font-family: 'Roboto Condensed', sans-serif;
  font-weight:400 !important;
  min-height:55px;
}
#blog-post-container{
  margin-top:0px;
}
.content-slider.royalSlider .royalControlNavOverflow {
margin-top: -85px !important;
}
/*
.feedRow {
margin-top:25px !important;
}
*/
.blog-loading{
  color:#fff;
}
.blogPost a{
  display:block !important;
}

  #post-carousel{
    padding-left:0px;
  }

.content-slider.royalSlider .arrow.right {
  right: 90px !important;
}
.content-slider.royalSlider .arrow.left {
  left: 30px !important;
}

.contentSlider {
  width: 100%;
}
.contentSlider,
.contentSlider .rsOverflow,
.contentSlider .rsSlide,
.contentSlider .rsVideoFrameHolder,
.contentSlider .rsThumbs {
  background: none;
  color: #000;
}

.contentSlider .rsSlide,
.contentSlider .rsOverflow {
  background: none;
}

.rsDefault .rsBullets {
  position: absolute;
  z-index: 35;
  left: 0;
  top: 275px;
  bottom:auto;
  width: 100%;
  height: auto;
  margin: 0 auto;
  background: none;
  cursor: pointer;
  text-align: center;
  line-height: 12px;
  overflow: hidden;
}

/*-------------------------*/
/*  6.0 Tabs
/*-------------------------*/

#tabs-carousel {
    height:490px;
        background: url(http://www.siriusxm.com/servlet/Satellite?blobcol=urlimage&blobkey=id&blobtable=ImageAsset&blobwhere=1293944557759&ssbinary=true) repeat-x center top #fff;
    /*background-color: #e2e2e2;*/
    margin:0 0 -220px 0;
}

#tabs-carousel div.content {
  margin:0 auto;
  position:relative;
  width:980px;
  padding-bottom:20px;
}

#tabs {
  position:relative;
  top:-30px;
  margin-bottom:-30px;
}

#tabs ul.tabs {
  list-style:none;
  margin:0;
  padding:0;          
  height:30px;
  position:relative;
  top:-1px;
}
 
#tabs ul.tabs li {
  float:left;            
  text-indent:0;
  padding:0;
  margin:0 2px 0 0;
  list-style-image:none;
}
 
#tabs ul.tabs li a {
  font-size:12px;
  font-weight:bold;
  display:block;
  height: 30px; 
  line-height:30px;
  width: 155px;
  text-align:center;            
  text-decoration:none;
  color:#000;
  /*padding:0px 30px 0px 30px;*/
  margin:0px;       
  position:relative;
  top:1px;
  background-color: #919ca1;
}
 
#tabs ul.tabs a:active {
  outline:none;                   
}
 
#tabs ul.tabs a:hover {
  background-color: #C3C3C3;          
  color:#000;
}
 
#tabs ul.tabs a.current, #tabs ul.tabs a.current:hover, #tabs ul.tabs li.current a {
  cursor:default;
  color:#000;
}
 
#tabs ul.tabs a.current {
  background-color: #e2e2e2;
}

.video-caption, .image-caption a {
    color: #000;
}
#sxmcorporatefooter {
    border-color: #e8e8e8;
}

#sxmcorporatefooter div.links {
    border-color: #e8e8e8;
}

#sxmcorporatefooter div.find-us {
    border-right: 1px solid #ccc;
    color:#626262;
}

#sxmcorporatefooter div.help {
    border-right: 1px solid #ccc !important;
}

#sxmcorporatefooter div.links ul li, #sxmcorporatefooter h3, #sxmcorporatefooter a {
    color: #626262;
}

#sxmcorporatefooter a:hover {
    color: #000;
}
#sxmcorporatefooter a.logo {
    display: block;
    width: 167px;
    height: 50px;
    background: url(/sxm/img/global/logo.png) no-repeat 0 -75px !important;
    overflow: hidden;
    text-indent: -1000px;
    position: relative;
    top: -6px;
    margin: 0 0 6px 0;
}

#sxmcorporatefooter div.find-us li a {
    background-image: url(/sxm/img/global/find-us-logo.png) !important;
}
#sxmcorporatefooter p.copyright a, #sxmcorporatefooter p.copyright {
    color: #626262;
}

#sxmcorporatefooter p.copyright a:hover {
    color: #000;
}