/*	-------------------------------------------------------------
	CSS - STYLE : 	Jerrod Niemann
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	Filename:		palm.css
	Date:			Feb 27, 2014
	Author:			Halo Media LLC - http://www.halopowered.com/
	-------------------------------------------------------------	*/

/*  =============================================================================
    mediaquery
    ========================================================================== */

     /* Tablet Landscape size to standard 960 (devices and browsers) */
    @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
      .header-top { padding-bottom:0; }
        .sc-title { width:160px; }
        .header-top .container:nth-child(3) { max-width:100%; background:url(../images/bg-nav.png) center 0 no-repeat; }


      .section-grp { opacity:1; }
      .filler-fg { background-position:0 -100px !important; }

      .rotator { padding-top:110px; }
    }

     /* Tablet Portrait size to standard 960 (devices and browsers) */
    @media only screen and (min-width: 768px) and (max-width: 959px) {
      .header-top { padding-bottom:0; }
        .sc-title { width:160px; }
        .header-top .container:nth-child(3) { background:url(../images/bg-nav.png) center 0 no-repeat; }
      .nav-grp { font-size:12px; }
        .nav-anchor { margin:0 2%; }
      .section-grp { opacity:1; }
      .filler-fg { background-size:contain; background-position:-30px 0; }
      .section-bio-content { padding:0 10px; }

      .rotator { padding-top:110px; }
    }

     /* All Mobile Sizes (devices and browser) */
    @media only screen and (max-width: 767px) {
      body { overflow-x:hidden; }
      .bg { padding:0; }
      .bg.lock { position:relative; overflow:hidden; }

      .header-grp, .main-content { -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; }
      .main-content { padding-top:46px; }
      .admin-bar .header-top { top:46px; }
      /*.col, */.section-grp { padding-right:20px; padding-left:20px; border-bottom:none; }

      
      .header-top .btn-join { border-top:1px solid #c2c2be; border-bottom:1px solid #c2c2be; text-align:center; display:block; margin:10px; padding:6px 0 10px 0; }
      

      .filler-bg { height:auto; padding:10px 0; background-position:center 0; }
      .filler-fg { height:auto; background:none; }
      .filler-pat { height:auto; padding:59px 0; }

      .social-links, .align-right, .print { text-align:center; }
      .section-grp { padding-top:20px; opacity:1; }
      .section-title { font-size:24px; padding-bottom:10px; }

      .header-top { width:90%; height:100%; position:absolute; top:50px; left:-90%; }
      .header-top.show { left:0; }
        .btn-hotdog { width:100%; background:#ebebe6; display:block; position:fixed; top:0; left:0; text-align:center; z-index:100; }
        .admin-bar .btn-hotdog { top:43px; }
          .menu-item:hover a, .nav--current a, .current-menu-item a, .page_item:hover a, .current_page_item a { border:none; }

       #player { display:none; }
        .nav-anchor { margin:0 0 10px 0; padding:0 20px; text-align:left; display:block; }
      .nav-grp { background:none; font-size:30px; }
        .menu-item a, .page_item a { font-size:30px; }
      .nav-grp .menu-item { margin:0; font-size:18px; display:block; }
        .menu-item, .page_item, .menu-item a, .page_item a { height:auto; padding:5px 10px; border-bottom:none; display:block; text-align:left; }
        .menu-item:first-child, .page_item:first-child { margin-left:0; }

      .rotator .tp-leftarrow.default, .rotator .tp-rightarrow.default { width:40px; height:40px; background-size:cover; }

      .main-content { position:relative; right:0; }
      .main-content.hide { right:-90%; }

      .back { margin-top:0; padding-top:0; }
        .back-anchor { font-size:12px; }
      .more-btn a { display:block; height:auto; padding:15px 0 10px 0; text-align:center; }


      .news-item { margin:0 0 33px 0; }
      .news-item .img-holder { margin-right:0; }
      .news-item:after { display:none; }
      .news-title { height:auto; padding:20px 0 10px 0; font-size:20px; line-height:28px; }
      
      .section-bio-content { padding:0 10px; }
      .filler-bg-social { padding-top:19px; }
        .follow-bg h1 { font-size:28px; }
        .big-social-btns { margin-bottom:15px; vertical-align:top; }
            

      .bit-invert { top:0; left:0; position:relative; }
      .bit-notify { display:none; }
      .quote-grp { padding:11px 10px; }
      .quote-grp blockquote { font-size:17px; line-height:25px; }
        .quote-grp blockquote:before { background-size:75% 75%; left:-30px; }

      .video-embed { margin-bottom:0; }
        .video-embed iframe { height:auto; }

      .feed-item { padding:0 10px; }
      .feed-item.show, .facebook-item.show { height:auto; padding-bottom:20px; }
        .feed-user .ico-twitter { margin-right:15px; font-size:25px; }
        .feed-content { font-size:17px; line-height:25px; }
      
      .bullets { padding:0 10px; }
        .bullet-anchor { width:22px; height:22px; margin-left:15px; }

      .bit-share-text { display:none; }
      .bit-header-overflow-fix { font-size:12px; }
      
      .music-header { padding:13px 0 17px 0; position:relative; bottom:auto; background:none; color:#000; }
        .music-date { border-bottom:none; }
        .purch { margin-bottom:20px; }
          .purch a { width:30.333%; background:#000; }
          .purch a:first-child + a { margin:0 4px; }

      .music-item { margin:0 0 20px 0; }
        .bl-item { padding-top:18px; }
          .buy-btn { height:18px; margin:0 2px; background-size:contain; }
          .btn--it { width:50px; }
          .btn--am { width:26px; }
          .btn--gp { width:46px; }

      #photos .photo-item { min-height:264px; }
      .photo-arrow { font-size:20px; }

      .detail-title { font-size:25px; }
      .detail-video iframe { height:210px; }

      .footer-grp { height:auto; }
      .footer-copy { padding:10px 0; }
    }

    /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
    @media only screen and (max-width: 479px) {

    }

    /* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
    @media only screen and (min-width: 480px) and (max-width: 767px) {
      .header-grp { height:150%; r}
    }