/*   
Theme Name: Mindless Self Indulgence
Theme URI: http://mindlessselfindulgence.com.com
Description: 
Author: Jeremy Phillips
Author URI: http://jeremyphillipsdesign.com
Version: 1.0
*/


/* ==|== Typography ======================================== */

@font-face {
    font-family: 'league_gothicregular';
    src: url('fonts/leaguegothic-regular-webfont.eot');
    src: url('fonts/leaguegothic-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/leaguegothic-regular-webfont.woff') format('woff'),
         url('fonts/leaguegothic-regular-webfont.ttf') format('truetype'),
         url('fonts/leaguegothic-regular-webfont.svg#league_gothicregular') format('svg');
    font-weight: normal !important;
    font-style: normal;
}

@font-face {
    font-family: 'league_gothicitalic';
    src: url('fonts/leaguegothic-italic-webfont.eot');
    src: url('fonts/leaguegothic-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/leaguegothic-italic-webfont.woff') format('woff'),
         url('fonts/leaguegothic-italic-webfont.ttf') format('truetype'),
         url('fonts/leaguegothic-italic-webfont.svg#league_gothicitalic') format('svg');
    font-weight: normal !important;
    font-style: normal;
}

ul,ol { padding-left:0;}
li { list-style:none;}


.tour-archive .show-date-sm { font-size: 35px; }

.tour-archive .show-entry h4 { font-size: 30px;}

.jumbo-album { position:absolute; bottom:-15px; left:15px;  width:200px; z-index:900; text-align:; margin-bottom: 0px; padding:0 !important; }
  .jumbo-btn { margin-top: 5px;  }


#avatar-hdr{ position:absolute; right:10px; top:12px; }
#avatar-hdr .dropdown-menu { left: auto; right: 0;}
#avatar-hdr .dropdown-menu li a { color:#fff;}

.login-hdr { position:absolute; right: 0; top: 10px;}
.navbar-collapse { max-height: 100% !important; }

#masthead .container { position: relative; }

body.logged-in .hidden-logged-in { display: none !important; }

#tour_photo_container, #yt_container { margin-bottom: 30px;}
#yt_container iframe { margin-bottom: 30px}

ul.tour_photos li { margin-bottom: 30px; position: relative; }
ul.tour_photos li:nth-child(4n) { margin-right: 0; }
ul.tour_photos li img { width: 100%; height:auto; }
.delete-img { display: none; position: absolute; top: 5px; right:5px; opacity: .8; }
ul.tour_photos li:hover > .delete-img { display: block;}


.single-tour .show-location h4 { font-size: 34px; }


#imgSubmit { display: none; margin-top: 10px; }

.wpfp-link.remove-parent { margin-left: 10px; }
#user_shows { padding-left:0;}
#user_shows li { list-style:none; margin-bottom: 12px; }
.avatar-200 { margin-bottom: 30px;}
.btn-pic-modal, .btn-yt-modal { margin-top: 5px;}

#TB_iframeContent body { background: #222 !important; color:#fff !important;}

section.attendance, section.show-buttons, section.show-details, section.contributors, section.photo_upload { width: 100%; margin-bottom: 30px;}

.attendee {
    margin-bottom: 30px;
}

.attendee img { 
  margin-bottom: 5px; 
}

.attendee span { 
     white-space: nowrap;
}

form#tour-sort .checkbox { margin-right: 10px;}
form#tour-sort .check-group { margin-top: 10px;}

.user-info { word-break:break-all; }
.user-info li { font-size: 13px; margin-bottom: 5px; }

.author .col-md-7 section { margin-bottom: 30px; }

.social { margin: 15px 0; width: 100%; float:left; }
  .social ul li { float:left; margin-right: 15px; }

.twitter-timeline { height:250px; width:100%; }



ul.member-role li h4 { font-size: 20px; x-word-break:break-all; margin: 5px 0 0 0; }
  ul.member-role li { margin-bottom: 30px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}


/* ==|== Comments ==================================== */ 
textarea#comment { height:75px; margin-bottom: 15px;  }

section#respond { margin-top:30px; position: relative; }

#cancel-comment-reply-link { 
  position: absolute; 
  top:7px; 
  right: 13px;
  text-indent: -9999px;
}

#cancel-comment-reply-link:before { content: '';}

ol.commentlist li { 
  background: url('images/bg-black.png') repeat;
  padding: 15px;
  width: 100%;
  margin-bottom: 30px;
}
ol.commentlist li:nth-child(odd) { }

article.comment { position: relative;}

article.comment nav { x-position: absolute; top:-8px; right: 0;}

article.comment cite { 
  font-family: league_gothicregular, Helvetica, Arial, sans-serif;
  font-size: 32px;
  font-style:normal;
  margin-right: 15px;
}

ol.commentlist ul.children { margin-top: 15px;}

ol.commentlist ul.children li { background: #191919 !important;}
ol.commentlist ul.children li:last-child { margin-bottom: 0 !important; }
ol.commentlist ul.children #respond { margin-bottom: 0;}

.news-entry-full footer { 
  margin-top:30px;
  border-top: 1px solid #333;
  padding-top: 15px;
}
.fb-like, .twitter-share-button { margin-right:0; }
.leave-comment { margin-top: -5px; }

.news-entry-full footer li, .show-buttons li { float:left; margin-right: 15px; }

.show-buttons { margin-bottom: 15px; float:left;}


.music-entry {
  padding-bottom: 45px;
}



body.post-type-archive-merch .widget_msi_merch_widget { display:none;}

.modal-footer { border-top: 1px solid #333; background:#111; } 



.dropdown-menu { background: #222; padding: 0; }

#main-menu .dropdown-menu li a { font-size: 22px; color:#eee; }
.dropdown .dropdown-menu li a { color:#eee; font-family: league_gothicregular, Helvetica, Arial, sans-serif; text-transform: uppercase; font-size: 22px; }

.dropdown-menu > li > a:hover { background: #000; }


.show-entry h4 .glyphicon { font-size: 18px;}
.badge { background: #2F5489; font-family: helvetica, arial; }


#theme-my-login p.message { font-size: 18px; margin-bottom: 30px;}
.tml-action-links li { display: inline; margin-right: 15px; }
p.error a { color:#fff;}



@media screen and (min-width : 768px) {
  #main-menu li:hover .sub-menu, .dropdown-menu li:hover .sub-menu {
      visibility: visible;
  }

  .dropdown:hover .dropdown-menu, .dropdown:hover {
      display: block;
  }  
}

@media screen and (max-width : 1200px) {
    #main-menu { font-size: 22px !important; }
}

@media screen and (max-width : 992px) {
    .nav > li > a { padding-right: 15px !important; padding-left: 15px !important;}
}

@media screen and (max-width : 767px) {

    #main-menu .dropdown-menu { position: static !important; width: 100%;  }
    #main-menu .dropdown-menu li:first-child { border-bottom: 1px solid #333; }
    #main-menu .dropdown-menu li a { padding-top: 15px; padding-bottom: 15px; }
    .jumbo-img img { float:none; }
    #avatar-hdr { left: 10px; right: auto;}
    #avatar-hdr .dropdown-menu { left: 0; right: auto; }

    .footer-social ul { text-align:center; }
    .social-icon {
      vertical-align:top;
      margin-right: 20px; 
      margin-bottom: 10px; 
      display: inline-block;
      float:none; 
    }

    .jumbo-album {width: 100%; text-align:left; position: static; border-bottom: 1px solid #222;}
    .jumbo-album img {float:left; width: 50%; margin-right: 15px; }
    .jumbo-album .btn { display: inline !important; padding-right: 20px; padding-left: 20px;}
    img.jumbo-band { margin-bottom: 15px; }
}    


@media screen and (max-width : 480px) {
  .jumbo-img img { height: auto !important; width:100%;}
    .tour-archive .show-date-sm { font-size: 26px !important; }

   .comment-avatar.col-xs-2 { padding-right: 0;}
   ol.commentlist li { margin-bottom: 15px; } 
}










                /* custom styling of the directional arrows */
                .ekko-lightbox-container {
                        position:relative;
                }
                .ekko-lightbox-nav-overlay {
                        z-index:100;
                        position: absolute;
                        top:0;
                        left:0;
                        width:100%;
                        height:100%;
                }
                .ekko-lightbox-nav-overlay a {
                        opacity: 0;
                        -webkit-transition: opacity 0.5s;
                        -moz-transition: opacity 0.5s;
                        -o-transition: opacity 0.5s;
                        transition: opacity 0.5s;
                        color:#fff;
                        font-size:30px;
                        height: 100%;
                        width:49%;
                        display:block;
                        padding-top:45%;
                        text-shadow: 2px 2px 4px #000;
                        filter: dropshadow(color=#000, offx=2, offy=2);
                        z-index:100;
                }
                .ekko-lightbox-nav-overlay a:empty {
                        width:49%; /* removes glyphicons :empty { width:1em } */
                }
                .ekko-lightbox a:hover {
                        opacity: 1;
                        text-decoration: none;
                }
                .ekko-lightbox .glyphicon-chevron-left {
                        padding-left:15px;
                        float:left;
                        left:0;
                        text-align: left;
                }
                .ekko-lightbox .glyphicon-chevron-right {
                        padding-right:15px;
                        float:right;
                        right:0;
                        text-align: right;
                }

                /* use this to get your footer text left aligned - bootstraps modal default aligns them right */
                .ekko-lightbox .modal-footer {
                        text-align: left;
                }





/*
html, body {
  font-family: sans-serif;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  x-overflow: hidden;
}

.snap-content {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: auto;
  height: auto;
  z-index: 2;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  -webkit-transform: translate3d(0, 0, 0);
     -moz-transform: translate3d(0, 0, 0);
      -ms-transform: translate3d(0, 0, 0);
       -o-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}

.snap-drawers {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: auto;
  height: auto;
}

.snap-drawer {
  position: absolute;
  top: 0;
  right: auto;
  bottom: 0;
  left: auto;
  width: 265px;
  height: auto;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  -webkit-transition: width 0.3s ease;
     -moz-transition: width 0.3s ease;
      -ms-transition: width 0.3s ease;
       -o-transition: width 0.3s ease;
          transition: width 0.3s ease;
}

.snap-drawer-left {
  left: 0;
  z-index: 1;
}

.snap-drawer-right {
  right: 0;
  z-index: 1;
}

.snapjs-left .snap-drawer-right,
.snapjs-right .snap-drawer-left {
  display: none;
}

.snapjs-expand-left .snap-drawer-left,
.snapjs-expand-right .snap-drawer-right {
  width: 100%;
}

.snapjs-right .snap-drawer-left {
  display: block;
  right: 0;
  left: auto;
}

.snapjs-right .snap-drawer-right {
  display: none;
}
*/