@font-face {
  font-family: 'FontAwesome';
  src: url('../type/fontawesome-webfont.eot'); /* IE9 Compat Modes */
  src: url('../type/fontawesome-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../type/fontawesome-webfont.woff') format('woff'), /* Modern Browsers */
       url('../type/fontawesome-webfont.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('../type/fontawesome-webfont.svg#svgFontName') format('svg'); /* Legacy iOS */
}

/*@font-face {
  font-family: 'Roboto';
  src: url('../type/Roboto.ttf')  format('truetype');
}*/

html,body{

  background: white;
  height: 100%;

}

body *{

  font-weight: 400;
  outline: none !important;

}

a:hover{

  text-decoration: none !important;

}

.nsfw{ color: #FF1493; }

h1, h2, h3, h4, h5, h6, 
.listing-key span, 
#listing-tooltip, 
.result-item-slug , 
#search-input p, 
.subscriber-count ,
.rank-item > .rank-item-inner-container > span,
.search-filter-radio-box label,
.subreddit-info-panel-toggle div,
.subreddit-url a,
.overlay-navigation-item span,
.overlay-body-header,
#overlay-subscriber-count,
#overlay-subscriber-count p,
#ranking-key{

  font-family: 'Roboto';
  font-weight: 300;

}

h3,
h3 *{

  font-weight: 200;

}

.container{

  position: relative;
  width: 97.5% !important;

}

#page{

  position: relative;
  min-height: 100%;
  height: auto !important;
  height: 100%;
  margin-bottom: -41px;
  position: relative;

}

.menu-out,
.overlay-open{
  
  overflow: hidden !important;

}

/* Header Bar */

#top-nav{

  position: fixed;
  width: 100%; 
  height: 50px;
  background: transparent;
  border-bottom: solid 1px #dddddd;
  top: 0;
  left: 0;
  z-index: 9999999999 !important;
  overflow: visible;

}

#top-nav:hover .bg-fill{

  opacity: 1 !important;
  transition: opacity .25s ease-in-out;

}

#top-nav:hover #shadow-bar{

  box-shadow: 0 5px 10px #808080 !important;
  transition: all .25s ease-in-out;

}

#top-nav > .bg-fill{

  position: absolute;
  width: 100%;
  height: 100%;
  background: white;
  opacity: 1;
  z-index: 1;
  

}

.bg-fill.lighter{

  opacity: .8 !important;
  box-shadow: none;
  transition: all .25s ease-in-out;

}

#shadow-bar{

  position: absolute;
  width: 100%;
  bottom: 0;
  height: 1px;
  box-shadow: 0 1px 2px transparent !important;
  z-index: 0;
  transition: all .25s ease-in-out;

}

#shadow-bar.on{

  box-shadow: 0 5px 10px #808080 !important;
  transition: all .25s ease-in-out;
  
}

#nav-item-container{

  position: relative;
  width: 95% !important;
  margin: 0 auto;
  height: 100%;
  z-index: 2;

}

#nav-item-container > ul > #bg{

  position: absolute;
  width: 100%;
  height: 100%;
  background: white;
  opacity: 1;

}

#nav-item-container > ul{

  position: relative;
  float: right;
  right: 0;
  top: 0;
  height: 100%;
  left: 25px;
  padding-right: 25px;
  margin: 0;
  z-index: 999;

}  

#nav-item-container > ul > li > a > span > .fa{

  display: inline-block;
  width: 10px;  

}

.dropdown-nav > ul{

  position: absolute;
  list-style-type: none;
  right: -2px;
  top: -400px;
  display: block;
  width: 150px;
  height: auto;
  background: white;
  padding: 10px 0;
  border-bottom: solid 1px #dddddd; 
  border-right: solid 1px #dddddd;
  border-left: solid 1px #dddddd; 
  z-index: -10000;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  transition: top .25s ease-in;

}

.dropdown-nav > ul.category-nav{

  width: 300px;

}

.category-nav > li{

  overflow: hidden !important;

}

.dropdown-nav > ul.down{

  top: 100%;
  background: white;

}

.dropdown-nav-options{

  box-shadow: 0 5px 10px rgba(0,0,0,0.2);

}

.dropdown-nav-options > li{

  padding: 5px 0;

}

.dropdown-nav-options > li > a{

  display: block;
  width: 100%;
  height: 100%;
  text-indent: 17.5%;

}

.nested-dropdown > li{

  display: inline-block;
  width: 50%;
  padding: 5px 0;

}

.nested-dropdown > li > a{

  display: block;
  width: 100%;
  height: 100%;
  text-indent: 17.5%;

}

#nav-item-container > ul > li{

  position: relative;
  display: inline-block;
  list-style-type: none;
  width: auto;
  height: 100%;

}


#nav-item-container > ul > li > a{

  display: table;
  height: 100%;
  width: 100%;
  border-right: solid 1px transparent;
  border-left: solid 1px transparent;
  text-decoration: none;

}

#nav-item-container > ul > li > a:hover{

  text-decoration: none;
  border-right: solid 1px #dddddd;
  border-left: solid 1px #dddddd;
  transition: all .25s ease-in-out;

}

#nav-item-container > ul > li > a > span{

  display: table-cell;
  vertical-align: middle;
  text-align: center;
  font-weight: 500;
  font-size: .7rem;
  padding: 0 20px;
  letter-spacing: .9px;
  color: #262626;

}

.nested-dropdown{

  height: 0;
  max-height: 500px;
  margin-left: 0;
  padding-top: 5px;
  text-indent: 0;
  overflow: hidden !important;

}

.nested-dropdown.down{

  height: auto;

}

.nested-dropdown-toggle{

  position: relative;
  text-decoration: none;
  display: block;
  padding-top: 5px;
  width: 100%;
  height: 100%;
  font-weight: 500;
  font-size: .7rem;
  letter-spacing: .9px;
  text-indent: 15px;
  color: #262626;

}

.nested-dropdown-toggle:hover{

  cursor: hand;
  cursor: pointer;

}

.nested-dropdown-toggle > .fa{

  float: left;
  position: relative;
  width: 20px;
  left: 5px;

}

.nested-dropdown-toggle > .fa-chevron-right{

  top: 5px;

}

.nested-dropdown-toggle > .fa-chevron-down{

  top: 4px;

}

.category-count{

  float: right;
  position: relative;
  right: 48px;
  color: #9B9B9B;

}

#hamburger-icon{

  display: none !important;

}

#hamburger-icon > a > span{

  padding: 0 !important;

}

#hamburger-icon > a > span > i{

  font-size: 1.5rem;
  margin-top: 2.5px;
  margin-left: -50px;

}

#user-alert-bar{

  text-align: center;

}

#nav-logo{

  position: relative;
  float: left;
  left: 0;
  width: 100px;
  height: 100%;
  background: url("../img/logo.png");
  background-position: center center;
  background-size: contain;
  transform: translateZ(0);
  backface-visibility: hidden;
  background-repeat: no-repeat;


}

/* Footer */

#footer,
#push{

  height: 40px;

}

#footer {

  position: relative;
  width: 97.5%;
  margin-left: 1.25%;
  text-align: center;
  font-size: 12px;
  line-height: 40px;
  border-top: 1px solid #ddd;
  z-index: 999;

}

#push{

  z-index: -1;

}

/* Pullout menu for mobile and tablet */

#pullout-menu{

  position: fixed;
  top: 50px;
  bottom: 0;
  right: -50%;
  width: 50%;
  background: #1C212A;
  display: none;
  transition: all .15s ease-in-out;
  z-index: 9999;
  overflow: scroll;


}

#pullout-nav-container{

  width: 100%;
  height: 100%;

}

.in{

  right: -50%;
  /*-webkit-transform: translateX( 100% );
  -moz-transform: translateX( 100% );
  -o-transform: translateX( 100% );
  transform: translateX( 100% );*/

}

.out{

  right: 0 !important;
  /*-webkit-transform: translateX( 0 );
  -moz-transform: translateX( 0 );
  -o-transform: translateX( 0 );
  transform: translateX( 0 );*/
  border-left: solid 1px black;

}

#pullout-search-container{
  display: block;
  width: 90%;
  height: 100%;
  margin: 0 auto;
  text-align: center;


}

#pullout-search-container form{

  position: relative;
  width: 100%;

}

#pullout-search-container form #prependedInput{

  display: inline-block;
  border-radius: 2px;
  padding: 0;
  width: 95%;
  padding: 10px 2.5%;
  margin: 0 auto;

}

#pullout-nav-container > ul{

  padding:0 0 50px 0;
  margin: 0;

}

#pullout-nav-container > ul > li{

  position: relative;
  list-style-type: none;
  width: 95%;
  overflow: hidden;
  padding: 15px 0;
  border-bottom: solid 1px #4F5A78;
  margin-left: 5%;

}

#pullout-search-parent{

  width: 100% !important;
  margin-left: 0 !important;
  border-bottom: none !important;

}

#pullout-home-link{

  border-top: solid 1px #4F5A78;

}

#pullout-nav-container > ul > li > a > span{

  display: inline-block;
  font-weight: 300 !important;
  letter-spacing: .1rem;
  font-size: 1.25rem !important;
  width: 100%;

}
  
#pullout-nav-container > ul > li > a > span > i{

  float: right;
  position: relative;
  right: 7.5%;

}

.search-filter-radio{

  position: relative;
  display: inline-block;
  width: 27.5%;
  height: auto;

}

.search-filter-icon-table{

  display: table;
  position: absolute;
  left: 2px;
  bottom: 5px;
  width: 100%;
  height: 100%;
  visibility: hidden;

}

.search-filter-icon-table.visible{

  visibility: visible !important;

}

.search-filter-check-icon{

  display: table-cell;
  width: 50%;
  height: 50%;
  margin: 0 auto;
  vertical-align: middle;
  text-align: center;
  color: white;
  font-size: 1.25rem;

}

.search-filter-radio:hover{

  cursor: hand;
  cursor: pointer;

}

.search-filter-radio.all{

  float: left;

}

.search-filter-radio.nsfw{

  float: right;
  position: relative;
  right: 2px;

}

.search-filter-radio-box{

  position: relative;
  width: 100%;  
  height: 100%;
  border: solid 1px #4F5A78;
  border-radius: 2px;
  margin: 0 auto;

}

.search-filter-radio-box label{

  position: absolute;
  width: 100%;
  text-align: center;
  bottom: 0;
  color: #d0d0d0;
  font-size: .9rem;
  margin-bottom: 5px; 
  letter-spacing: .1rem;

}

.search-filter-radio input{

  margin-top: 12.5px;
  margin-top: 5px !important;
  display: none;

}

#pullout-nav-container > ul > li > a > span,
.pullout-dropdown-option-container > a{

  font-size: 1rem;
  color: white;
  padding-left: 10px;
  text-decoration: none;

}

.nested-pullout-dropdown{

 display: block;
 height: 20px;
float: left;
width: 100%;
margin-left: 10px;
padding: 10px 0 5px;
font-size: .8rem;
overflow: hidden;

}

.nested-pullout-option-container{

  display: none;

}

.nested-pullout-dropdown.dropped .nested-pullout-option-container{

  display: block;

}

.nested-pullout-option{

  display: block;
  padding: 5px 0;
  /*margin-left: 10px;*/

}

.nested-pullout-dropdown a{ 

  color: white;
  text-decoration: none;
}

.pullout-dropdown-option-container > a{

  display: block;
  float: left;
  width: 100%;
  margin-left: 10px;
  padding: 10px 0;

}

#pullout-nav-container > ul > li > a{

  text-decoration: none !important;
  position: relative;
  float: left;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 999;

}

.pullout-dropdown-option-container{

  display: none;

}

.dropped{

  height: auto;

}

.dropped > .pullout-dropdown-option-container{

  display: inherit;

}

#pullout-nav-container .input-prepend .btn-group{

  display: none !important;

}

#pullout-nav-container .input-prepend{

  width: 100%;

}

#pullout-nav-container #prependedInput{

  width: 90%;
  border-radius: 5px;
  border: none;

}

#pullout-nav-container #search-submit-container{

  position: absolute;
  width:45px;
  height:35px;
  right: 0;
  top: 5.5px;
  font-size: 1.05rem;
  z-index: 999;

}

/* Info Overlay */

#overlay{

  position: fixed;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  z-index: 9999999999;
  overflow: hidden;
  opacity: 0;
  transition: opacity .25s ease-in-out;

}

#overlay-table{

  width: 100%;
  height: 100%;
  display: table;

}

#overlay-table-cell{

  width: 100%;
  height: 100%;
  display: table-cell;
  vertical-align: middle;

}

#overlay-title-container{

  height: 100%;
  margin-left: 5%;
  float: left;
  width: 100px;

}

#overlay-title-table{

  display: table;
  width: 100%;
  height: 100%;

}

#overlay-title-table p{

  display: table-cell;
  vertical-align: middle;
  font-size: 1.3rem;

}

#overlay.open{

  width: 100%;
  height: 100%;

}

#overlay.transition-open{

  opacity: 1;
  transition: opacity .25s ease-in-out;

}

#overlay .bg-fill:hover{

  cursor: hand;
  cursor: pointer;

}

#overlay > .bg-fill{

  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #696969;
  

}

#overlay.open > .bg-fill{

  opacity: .6;
  transition: all .25s ease-in-out;

}

#overlay-content{

  float: left;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -37.5%;
  width: 75%;
  height: 80%;
  background: white;
  z-index: 9999;
  transition: all .25s ease-in;
  border-radius: 5px;
  box-shadow: 0px 0px 10px 2px #696969;
  opacity: 1;
  overflow: hidden !important;

}

.overlay-content-body{

  display: none;
  position: relative;
  width: 90%;
  height: 77.5%;
  padding: 2.5% 5%;

}

.overlay-content-body.active{

  display: block;
  overflow: auto;

}

.hidden{

  display: none;

}

.fade-out{

  opacity: 0 !important;
  transition: all .25s ease-in-out;

}

.fade-in{

  opacity: 1 !important;
  transition: all .25s ease-in-out;

}

.overlay-body-header{

  padding: 0!important;
  font-size: 1.5rem;
  font-weight: 500;

}

.overlay-body-content{

  position: relative;
  width: 100%;
  margin-top: 2.5%;
  font-size: 1rem;
  color: #808080;
  overflow: visible;

}

#overlay-content-about .overlay-body-content{

  height: 60%;

}

#overlay-content-flair .overlay-body-content{

  height: 60%;
  margin-top: 2.5%;

} 

#overlay-content-tags .overlay-body-content{

  margin-bottom: 5px;
  min-height: 50%;
  height: auto;

}

#overlay-content-tags .secondary{

  display: none !important;

}

#overlay-tag-info-container{

  position: relative;
  width: 65%;
  margin: 12.5px 0;
  padding-right: 35%;

}

#overlay-tag-info-container h4{

  margin: 0;
  padding: 0;

}

#overlay-tag-info-container h4 a:hover{

  text-decoration: none;

}

.overlay-flair-column{

  float: left;
  position: relative;
  width: 33%;
  height: 100%;
  box-sizing: content-box;

}

.overlay-flair-item{

  width: 100%;
  height: 20%;

}

.full-border{

  float: left;
  width: 100%;
  height: 1px;
  background: #e0e0e0;

}

.overlay-flair-item-table{

  display: table;
  width: 100%;
  height: 100%;

}

.overlay-flair-title{

  display: table-cell;
  width: 100%;
  vertical-align: middle;
  text-indent: 10%;

}

.center-column{

  border-left: solid 1px #e0e0e0;
  border-right: solid 1px #e0e0e0;

}


.overlay-flair-item:nth-child(even){

  background: #fafafa;

}

#overlay-body-rank-container{

  position: relative;
  display: inline-block;
  /*float: left;*//*
  bottom: 0;
  left: 0;*/
  height: 25%;
  width: 40%;

}

#overlay-body-subscriber-count-container{

  position: relative;
  float: right;
  bottom: 0;
  right: 0;
  height: 25%;
  /*min-width: 25%;*/
  width: auto;
  text-align: center;

}

#overlay-subscriber-table{

  display: table;
  width: 100%;
  height: 100%;

}

#overlay-subscriber-count{

  display: table-cell;
  vertical-align: middle;
  font-size: 1.25rem;
  color: #808080;

}

#overlay-subscriber-count p{

  margin-top: 10px;
  font-size: 1.75rem;
  font-weight: 500;
  line-height: 1.25rem;

}

.overlay-rank-item-container{

  display: inline-block;
  width: 30%;
  margin-right: 1%;
  height: 100%;
  border: solid 1px #dddddd;
  border-radius: 2px;

}

.overlay-rank-label{

  font-size: .75rem;

}

.overlay-rank-item-table{

  display: table;
  width: 100%;
  height: 100%;
  border-radius: 2px;
  color: #808080;

}

.overlay-rank-item{

  display: table-cell;
  vertical-align: middle;
  text-align: center;

}

.overlay-rank-item{

  font-size: 1rem;

}

.overlay-rank-item p{

  margin: 0 0 2.5px 0;

}

#ranking-key{

  width:100%; 
  text-align: center; 
  position: absolute; 
  height: 25px; 
  top: -25px;

}

.overlay-tag-container{

  display: none;
  width: 100%;
  height: 100%;

}

.overlay-tag-container.active{

  display: block;
  opacity: 1;
  transition: all .25s ease-in-out;

}

#overlay-tag-submit-container{

  position: absolute;
  top: 0px;
  right: 0;
  width: 150px;
  height: 40px;
  font-size: 1.25rem;
  text-align: center;
  line-height: 40px;
  color: black;
  border: solid 1px black;
  border-radius: 2px;
  transition: all .25s ease-in-out;

}

#overlay-tag-submit-container:hover{

  color: white !important;
  cursor: hand;
  cursor: pointer;
  transition: all .25s ease-in-out;

}

#overlay-tag-submit-container.sfw.locked:hover{

  color: #08c !important;
  border-color: #08c !important;
  background: transparent !important;
  transition: none !important;

}

#overlay-tag-submit-container.nsfw.locked:hover{

  color: #FF1493 !important;
  border-color: #FF1493 !important;
  background: transparent !important;
  transition: none !important;

}

#overlay-tag-submit-container.sfw{

  color: #08c;
  border-color: #08c;

}

#overlay-tag-submit-container.sfw:hover{

  background: #08c;

}

#overlay-tag-submit-container.nsfw{

  color: #FF1493;
  border-color: #FF1493;

}

#overlay-tag-submit-container.nsfw:hover{

  background: #FF1493;

}

.overlay-tag{

  display: inline-block;
  position: relative;
  padding: 7.5px 15px;
  border-radius: 2px;
  margin-right: 10px;
  margin-bottom: 10px;
  background: #d0d0d0;
  color: white;
  font-size: 1rem;

}

.overlay-tag-icon{

  margin-right: 5px;
  font-size: .95rem !important;
  line-height: .95rem;

}

.overlay-tag-info{

  margin-bottom: 5px !important;
  color: #808080;
  font-size: .9rem;

}

#added-tag-info span a{

  color: #51C734 !important;

}

#removed-tag-info span a{

  color: #E94F41 !important;

}

.overlay-tag:hover{

  cursor: hand;
  cursor: pointer;

}

#overlay-tags-sfw .overlay-tag.active{

  background: #0F71C5;

}

#overlay-tags-nsfw .overlay-tag.active{

  background: #FF1493;

}

.overlay-header-tooltip{

  margin: 0;
  padding: 0;
  color: #808080;

}

#overlay-no-flair-container{

  display: table;
  width: 100%;
  height: 90%;
  margin-top: 2.5%;
  background: #dddddd;

}

#overlay-no-flair-message{

  display: table-cell;
  width: 100%;
  text-align: center;
  vertical-align: middle;

}

/*#submit-tag-container{

  width: 100%;
  padding-top: 20px;

}

#submit-tag-container a{

  background: white;
  float: right;
  border: solid 1px #0F71C5;
  border-radius: 5px;
  font-size: 1rem;
  font-weight: 400;
  letter-spacing: .01rem;
  padding: 5px 20px;
  color: #0F71C5;
  box-shadow: none;
  opacity: 1;
  transition: all .25s ease-in-out;

}

#submit-tag-container a.sfw{

  color: #0F71C5;
  border: solid 1px #0F71C5;

}

#submit-tag-container a.sfw:hover{

  background: #0F71C5;
  color: white;
  text-decoration: none;
  transition: all .25s ease-in-out;

}

#submit-tag-container a.nsfw{

  color: #FF1493;
  border: solid 1px #FF1493;

}

#submit-tag-container a.nsfw:hover{

  background: #FF1493;
  color: white;
  text-decoration: none;
  transition: all .25s ease-in-out;

}*/

#overlay-navigation{

  position: absolute;
  display: table;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  left: 0;
  margin: 0;
  padding: 0;

}

.overlay-navigation-item{

  display: table-cell;
  width: 30%;
  vertical-align: middle;
  text-align: center;

}

.overlay-navigation-item span:hover{

  cursor: hand;
  cursor: pointer;
  color: #005580;

}

.overlay-navigation-item.active span:hover{

  cursor: inherit;

}

.overlay-navigation-item span{

  display: inline-block;
  height: 30px;
  width: 100%;
  line-height: 30px;
  color: #808080;
  font-weight: 500;
  font-size: 1rem;

}

.overlay-navigation-item:nth-child(2) span{

  border-left: solid 1px #dddddd;
  border-right: solid 1px #dddddd;

}

.overlay-navigation-item.active.sfw span{

  color: #08c;

}

.overlay-navigation-item.active.nsfw span{

  color: #FF1493;

}

#overlay-navigation-container{

  height: 100%;
  width: 300px;
  float: right;
  position: relative;
  right: 5px;

}

#overlay-content-header{

  width: 100%;
  height: 12.5% !important;
  background: #f8f8f8;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom: solid 1px #dddddd;

}

#close-overlay-table{

  display: table;
  width: 100%;
  height: 100%;

}

#close-overlay-table:hover{

  cursor: hand;
  cursor: pointer;

}

#close-overlay-table .fa{

  display: table-cell;
  vertical-align: middle;
  text-align: center;
  color: #808080;

}

#close-overlay-container{

  float: right;
  height: 100%;
  width: auto;
  margin-right: 5%;

}

#close-overlay-container .fa{

  font-size: 2rem;

}

#current-tag-container{

  width: 90%;
  height: auto;
  margin: 10px auto;

}

#current-tag-message-container{

  padding: 25px 0;
  width: 100%;
  margin: 0 auto 20px;
  background: #dddddd;
  border-radius: 5px;

}

#current-tag-message-container h4{

  text-align: center;
  font-size: 1.25rem;
  margin: 0 0 5px;

}

#current-tag-message-container p{

  width: 50%;
  margin: 0 auto;
  text-align: center;

}

.current-tag{

  display: inline-block;
  width: auto;
  height: auto;
  margin-right: 1.5%;
  margin-bottom: 1.5%;
  border-radius: 5px;
  padding: 5px 10px;
  opacity: .8;
  transition: all .25s ease-in-out;

}

.current-tag.deactivated{

  opacity: .3;
  transition: all .25s ease-in-out;

}

.current-tag.sfw{

  background: #0F71C5;

}

.current-tag.nsfw{

  background: #FF1493;

}

.current-tag-icon-table{

  display: inline-block !important;

}

.current-tag-title-table{

  display: inline-block !important;

}

.current-tag.deactivated .current-tag-title-table:hover{

  cursor: hand;
  cursor: pointer;

}

.current-tag-icon-table .fa{

  display: block;
  height: 100%;
  font-size: 1rem;
  line-height: 100%;
  vertical-align: middle;
  color: white;

}

.current-tag-title-table span{

 font-size: 1.25rem;
 color: white;

}

.current-tag-icon-table:hover{

  cursor: hand;
  cursor: pointer;

}

.tag-header{

  display: block;
  text-align: left;
  margin: 0;
  padding: 10px 0 20px;
  font-size: 1.5rem;
  line-height: 100%;

}

#tag-input-container{

  width: 90%;
  height: auto;
  margin: 10px auto 20px;

}

#border-bar{

  width: 90%;
  margin: 0 auto;
  height: 1px;
  background: #dddddd;

}

.tag-content-container{

  width: 100%;
  height: auto;
  
}

.tag-select-option{

  display: inline-block;
  width: 18%;
  margin-right: 2%;
  height: auto;
  font-size: 1.15rem;
  margin-bottom: 12.5px;

}

.tag-select-option.active{

  opacity: .6;

}

.tag-select-option .fa{

  width: 20px;
  text-indent: 2.5px;
  margin-right: 10px;

}

.tag-select-option .fa:hover{

  cursor: hand;
  cursor: pointer;

}

/* Search Bar */

#searchField{

  display: none;

}

#search-bar{

  position: relative;
  float: left;
  left: 15px;
  top: 8.5px;
  display: block;

}

#search-bar input[type="text"]{

  border: solid 1px #dddddd !important;
  border-top-right-radius: 3.5px;
  border-bottom-right-radius: 3.5px;
  background: #fafafa !important;
  box-shadow: none !important;
  z-index: 0;
  width: 300px;
  padding-right: 25px;

}

#search-bar button{

  border: solid 1px #dddddd !important;
  border-top-left-radius: 3.5px;
  border-bottom-left-radius: 3.5px;
  background: white;
  box-shadow: none !important;
  outline: none !important;
  font-size: .7rem;
  font-weight: 500;

}

.open > #drop-select{

  background: #e6e6e6;

}

#drop-select > .fa{

  color: black;

}

#search-submit-container{

  width: 25px;
  height: 25px;
  float: right;
  position: relative;
  right: 27.5px;
  top: 5px;

}

#search-submit-icon button{

  position: absolute;
  width: 100%;
  height: 100%;
  border: none !important;
  background: transparent !important;
  z-index: 999;

}

#search-submit-icon{

  display: table;
  width: 100%;
  height: 100%;
  text-align: center;

}

#search-submit-container .fa{

  display: table-cell;
  vertical-align: middle;
  visibility: visible;
   opacity: .5;

}

#search-submit{

  margin-left: 5px;
  margin-top: -1px;
  font-size: .8rem;


}

.navbar-form .form-control{

  height: 16px !important;

}

.nsfw-search{

  color: #FF1493 !important;

}

.sfw-search{

  color: #0088cc;

}

.dropdown-toggle{

  overflow: visible;

}

.dropdown-option{

  display: none !important;
  visibility: hidden !important;

}

/* Error Page */

#error-content > div{

  width: 60%;
  margin: 0 auto;

}

#error-content > div > p{

  max-width: 600px;
  margin: 0 auto;

}

#error-content h3 {

  line-height: 2rem;

}

/* Listing Page */

.listing:nth-child(1) .tooltip-container .alt-text-bubble{

  margin-left: -56px;

}


.listing:nth-child(1) .tooltip-container .alt-text-bubble:before{

  left:56px; /* controls horizontal position */
  right: auto;

}

.listing:nth-child(1) .tooltip-container .alt-text-bubble:after{

  left: 56px; /* controls horizontal position */
  right: auto;

}

.listing:nth-child(3) .tooltip-container .alt-text-bubble{

  margin-left: -85px;

}


.listing:nth-child(3) .tooltip-container .alt-text-bubble:before{

  right:200px; /* controls horizontal position */
  left: auto;

}

.listing:nth-child(3) .tooltip-container .alt-text-bubble:after{

  right: 201px; /* controls horizontal position */
  left: auto;

}

.flair-badge:hover .alt-text-bubble,
.category-badge:hover .alt-text-bubble{

  display: block;

}

.category-dropdown{

  position: absolute;
  left: 65px;
  top: 83px;
  font-size: .8rem !important;

}

.category-dropdown > ul{

  width: 275px;

}

.category-option{

  display: inline-block !important;
  width: 50%;
  text-indent: 5px;

}

.category-option label{

  display: inline-block !important;

}

.category-option label:hover{

  background: transparent !important;
  color: black !important;

}

.category-option input{

  margin: -2.5px 0 0 0 !important;

}

.nested-dropdown > .category-option{

  width: 50%;

}

.flair-dropdown .button-text{

    display: inline;

  }

  .flair-dropdown .alt-button-text{

    display: none;

  }

.flair-dropdown .dropdown-toggle,
.category-dropdown .dropdown-toggle{

  font-size: .8rem;

}

.flair-dropdown .dropdown-toggle,
.category-dropdown .dropdown-toggle{

  background: white;
  border: solid 1px #d0d0d0;
  box-shadow: none;
  border-radius: 5px;
  outline: none;

}

.flair-dropdown.open .dropdown-toggle,
.category-dropdown.open .dropdown-toggle{

  background: #f6f6f6;

}

.nav-tabs{

  position: absolute !important;
  display: block;
  text-align: center;
  top: 75px;
  border: none;
  width: 100%;
}

.nav-tabs a{

  display: inline-block;
  position: relative !important;
  background: white;
  box-shadow: none;
  border: solid 1px #dddddd !important;
  font-size: .7rem !important;
  font-weight: 500 !important;
  box-sizing: padding-box;
  color: #9B9B9B;
  padding: 5px 20px;


}

.nav-tabs a.active{

  background: #0F71C5;
  box-shadow: none;
  color: white;
  text-shadow: none;
  opacity: .8;

}

.nav-tabs .nsfw.active{

  background: #FF1493 !important;


}

.listing-container{

  margin: 130px auto 20px;
  padding: 7.5px 15px;

}

.listing{

  position: relative;
  background: white;
  border: solid 1px #e0e0e0;
  border-radius: 5px;

}

.listing h3{

  position: absolute;
  width: 200px;
  top: -30px;
  left: 50%;
  right: 50%;
  margin-left: -100px;
  background: white;
  text-align: center;
  z-index: 999;

}

#listing-tooltip{

  width: 100%;
  text-align: center;
  margin-top: -17.5px;
  margin-bottom: 30px;
  font-weight: 200;
  opacity: 1;

}

#listing-tooltip.lighter{

  opacity: 0;
  transition: opacity .25s ease-in;

}

.listing-key{

  position: relative;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom: 1px solid #dddddd;
  padding-top: 22.5px;
  padding-bottom: 5px;
  width: 100%;
  height: auto;
  background: white;

}

.listing-key span{

  vertical-align: bottom;
  line-height: 2.2rem;
  letter-spacing: .06rem;
  padding: 8px;

}

.listing-key span:nth-child(1){

  position: absolute;
  left: 10px;
  padding: 0;
  margin: 0;

}

.listing-key span:nth-child(2){

  padding-left: 84px;

}

.listing-key span:nth-child(3){

  position: absolute;
  width: auto;
  padding: 0;
  right: 2.5%;

}

/* Mobile Listing Page */

.mobile-accordion-header{

  display: none;
  visibility: hidden;

}

.mobile-accordion-header a:visited , 
.mobile-accordion-header a:hover   , 
.mobile-accordion-header a:active{

  text-decoration: none;
  outline: none;

}

.mobile-accordion-header a:hover{

  cursor: hand;
  cursor: pointer;

}

.listing-item{ 

  position: relative;
  height: 20px;
  width: 100%; 
  padding: 10px 0;
  top: 0;
  left: 0;/*
  -webkit-transition: all .25s ease;
  -moz-transition: all .25s ease;
  -o-transition: all .25s ease;
  transition: all .25s ease;
  -webkit-transform: translate3d(0, 0, 0); /* smooth out animations */*/
  overflow: hidden !important;

}

.listing-item > .listing-item-toggle:hover{

  cursor: hand;
  cursor: pointer;

}

.listing-item > .listing-item-toggle{

  position: absolute;
  width: 100%;
  height: 40px;
  z-index: 0;
  top: 0;

}

.listing-item.down{

  margin-bottom: -1px;
  min-height: 20px;
  height: 105px !important;
 /* -webkit-transition: all .15s linear;
  -moz-transition: all .15s linear;
  -o-transition: all .15s linear;
  transition: all .15s linear;*/

}

.listing-item.show-all{

  -webkit-transform: none !important;
  overflow: visible !important;

}

.listing-item .subreddit-url a{

  font-weight: 400;
  z-index: 99999;

}

.rank-value{

  width: 55px;
  top: 0;
  left: 0 !important;
  border-right: solid 1px #dddddd ;
  height: 100%;
  line-height: 40px;

}

.rank-value a{

  margin-left: 1.5px;

}

.listing-item:nth-child(even){ 

  background: #fafafa;

}


/* prevent font flickering in safari */
.listing-stat,
.growth-stat,
.subreddit-url,
.subreddit-info-panel-toggle div,
.full-page-listing-item-info-toggle{

  -webkit-backface-visibility: hidden;
  
}

.listing-stat{

  position: absolute;
  width: auto;
  top: 10px;
  padding: 0;
  right: 2.5%;
  text-align: left;

}

.growth-stat{

  position: absolute;
  width: auto;
  top: 10px;
  padding: 0;
  right: 2.5%;
  text-align: left;

}

.rank-value{ position: absolute; left: 2.5%; text-align: center; }

.subreddit-url{ 

  position: relative;
  float: left;
  left: 85px;
  display: block;
  text-align: left;
  z-index: 0;
  opacity: 1;

}

.subreddit-url a:hover{

  text-decoration: none !important;

}

.subreddit-info-panel-toggle{

  position: absolute;
  height: 40px;
  width: 25px;
  left: 57.5px;
  top: 0px;
  text-align: center;

}

.full-page-listing-item-info-toggle{

  display: inline-block;
  height: 15px;
  width: 15px;
  text-align: center;
  margin-left: 5px;
  line-height: 15px;
  border: solid 1px #dddddd;
  color: #dddddd;
  border-radius: 15px;
  opacity: .6;

}

.subreddit-info-panel-toggle div{

  margin: 0 auto;
  width: 15px;
  height: 15px;
  margin-top: 12.5px;
  line-height: 15px;
  text-align: center;
  font-weight: 400;
  border: solid 1px #dddddd;
  border-radius: 15px;
  color: #dddddd;
  opacity: .6;


}

.subreddit-info-panel-toggle div:hover,
.full-page-listing-item-info-toggle:hover{

  cursor: hand;
  cursor: pointer;
  opacity: 1;
  box-shadow: 0px 0px 2px 1px #d0d0d0;

}

.listing-item:hover .subreddit-info-panel-toggle div,
.full-page-listing-item:hover .full-page-listing-item-info-toggle{

  color: white;
  transition: all .15s ease-in;

}

.listing-item:hover .subreddit-info-panel-toggle.sfw div,
.full-page-listing-item:hover .full-page-listing-item-info-toggle.sfw{

  background: #08c;
  border: solid 1px transparent;

}


.listing-item:hover .subreddit-info-panel-toggle.nsfw div,
.full-page-listing-item:hover .full-page-listing-item-info-toggle.nsfw{

  background: #FF1493;
  border: solid 1px transparent;

}

.flair-badge{

  position: absolute;
  width: 100%;
  top: 50px;
  left: 0;
  text-align: center;
  font-size: 1.05rem !important;
  color: #F1FF85;
  text-shadow:
   -1px -1px 0 #C9B41C,  
    1px -1px 0 #C9B41C,
    -1px 1px 0 #C9B41C,
     1px 1px 0 #C9B41C;

}

.no-flair{

  background: #dddddd !important;

}

.category-badge{

  position: absolute;
  width: 100%;
  top: 90px;
  left: 0;
  text-align: center;
  font-size: 1.05rem !important;
  color: #99FF85;
  text-shadow:
   -1px -1px 0 #46C72C,  
    1px -1px 0 #46C72C,
    -1px 1px 0 #46C72C,
     1px 1px 0 #46C72C;


}

#category-results-container .full-page-listing-item > .remove-category-item-container{

  position: absolute;
  height: 100%;
  width: 20px;
  height: 20px;
  top: 5%;
  right: 12.5px;
  z-index: 999;

}

#category-results-container .full-page-listing-item > .remove-category-item-container > .fa{

  float: left;
  position: relative;
  height: 20px;
  line-height: 20px;
  font-size: 1.5rem;
  color: #808080;
  transition: all .25s ease-in-out;

}

.remove-category-tooltip-container{

  position: absolute;
  width: 20px;
  height: 20px;
  top: 5%;
  right: 0;

}

#category-results-container .full-page-listing-item > .remove-category-item-container > .fa:hover{


  color: red;
  transition: all .25s ease-in-out;
  cursor: hand;
  cursor: pointer;


}

.remove-category-tooltip-container > .alt-text-bubble{

  width: 180px;
  margin-left: -150px;
  margin-top: 155%;
  top: 40%;
  

}

.remove-category-tooltip-container > .alt-text-bubble:before{

  margin-left: 45px;

}

.remove-category-tooltip-container > .alt-text-bubble:after{

  margin-left: 46px;

}

.category-select-toggle-container{

  width: 75%;
  position: absolute;
  top: 85px;
  left: 85px;
  height: auto;

}

@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }

.category-select-toggle-container > .fa-circle-o-notch.spinning{

  -webkit-animation:spin 1s linear infinite;  

}

.category-select-toggle-container a:hover{

  cursor: hand;
  cursor: pointer;

}

.tooltip-icon{

  float: right;

}

.flair-dropdown,
.category-dropdown{

  width: 225px;

}

.flair-dropdown{

  position: absolute;
  left: 85px;
  top: 42.5px;
  font-size: .8rem !important;

}

.tooltip-container{

  position: relative;
  display: inline-block;
  margin-right: 7.5px;
  margin-left: -23px;

}

.tooltip-container > .fa-question-circle{

  float: left;
  color: black !important;
  opacity: .2;
  position: relative;
  top: 3.5px;
  font-size: 1rem !important;

}

.flair-dropdown .tooltip-container > .fa-question-circle{

  top: 5px;

}

.tooltip-container > .fa-question-circle:hover{

  opacity: 1;
  transition: all .15s ease-in;

}

/* Tooltip Speech Bubble */

.alt-text-bubble.visible{

  display: block;
  cursor: default;

}

.alt-text-bubble{

  position: absolute;
  display: none;
  width: 300px;
  left: 50%;
  right: 50%;
  top: 35px;
  margin-left: -150px;
  margin-top: 0;
  text-align: center;
  padding: 5px 0;
  background: white;
  border-radius: 5px;
  z-index: 999999999!important;
  box-shadow: 0px 0px 10px 2px #d0d0d0;
  line-height: 1.15rem;
  color: black !important;
  font-size: .8rem;
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;

}

/*.alt-text-bubble:hover{

  display: none !important;

}*/

.alt-text-bubble.sfw{

  border: solid 1px #08c;

}

.alt-text-bubble.nsfw{

  border: solid 1px #FF1493;
  
}

.alt-text-bubble.sfw:before{

  border-color:#08c transparent;

}

.alt-text-bubble.nsfw:before{

  border-color:#FF1493 transparent;
  
}

.alt-text-bubble:before{
content:"";
position:absolute;
border-style:solid;

/* reduce the damage in FF3.0 */
display:block;
width:0;
top:-15px; /* value = - border-top-width - border-bottom-width */
bottom:auto;
left:50%;
right:50%; /* controls horizontal position */
border-width:0 14px 14px;
margin-left: -14px;

}

.alt-text-bubble:after{

  content:"";
  position:absolute;
  border-style:solid;
  border-color:#fff transparent;
  /* reduce the damage in FF3.0 */
  display:block;
  width:0;
  top:-13px; /* value = - border-top-width - border-bottom-width */
  bottom:auto;
  left:50%;
  right:50%; /* value = (:before right) + (:before border-right) - (:after border-right) */
  margin-left: -13px;
  border-width:0 13px 13px;

}

/* Full Page Listing */

.full-page-listing-container{

  text-align: center;
  margin: 0 0 40px !important;
  border: solid 1px #dddddd;
  border-radius: 5px;

}

.full-page-listing-parent > h3{

  width: 100%;
  text-align: center;
  margin: 75px 0 25px;

}

.full-page-listing-parent h3 span{

  font-style: italic;

}

.full-page-listing-item{

  position: relative;
  width: 95%;
  display: inline-block;
  text-align: left;
  padding: 2.5%;

}

.full-page-listing-container > div:nth-child(odd){ 

  background: #fcfcfc;
  border-bottom: solid 1px #dddddd;
  border-top: solid 1px #dddddd;

}

.full-page-listing-container > div:nth-child(1){ 

  border-top: none;

}

.full-page-listing-container > div:nth-last-child(1){ 

  border-bottom: none;

}

.full-page-listing-container > div:nth-last-child(1){

  border-bottom: none;

}

.result-item-slug{

  display: block !important;
  height: auto !important;

}

.result-item-slug a{

  font-size: 1.15rem;
  font-weight: 600;

}

.result-item-title-container{

  display: inline-block;
  vertical-align: top;
  width: 60%;
  line-height: 1rem;

}

.result-item-title{

  font-size: .8rem;
  font-weight: 400 !important;
  margin: 5px 0;
  color: #464646;
  font-weight: 500;

}

.result-item-description{

  font-size: .8rem;
  line-height: 1.2rem;
  color: #808080;

}

.more-options-container{

  position: relative;
  margin-left: 5px;
  display: inline-block !important;
  margin-top: -7.5px !important;
  padding-top: 0 !important;
  top: 0 !important;

}

.more-options-container *{

  font-size: 1rem !important;

}

.more-options-container i{

  width: auto;
  top: 0;
  margin: 0;
  padding: 0;
  border: none !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;

}

.more-options-container i:hover,
.more-options-container i:active,
.more-options-container i:visited{

  border: none !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;

}

.more-options-toggle{

  float: left;
  position: relative;
  margin-top: -1.5px !important;
  color: #808080;

}

.more-options-toggle:hover{

  cursor: hand;
  cursor: pointer;
  color: black;
  transition: all .25s ease-in-out;

}

/* Search Page Standalone */

#search-input-container,
#error-content-container{

  position: absolute;
  width: 100%;
  height: 100% !important;

}

#search-input-table,
#error-content-table{

  position: relative;
  display: table;
  width: 100%;
  height: 92.5%;

}

#search-input-table .row{

  margin: 0;

}

#search-input,
#error-content{

  display: table-cell;
  vertical-align: middle;
  width: 100%;
  height: auto;
  text-align: center;

}

#search-input > .row > p{

  font-size: 1.25rem;
  font-weight: 100;
  letter-spacing: 2.5px;
  line-height: 2rem;
  margin-top: -5px;

}

#search-input > .row > #input-container{

  width: 100%;
  max-width: 475px;
  margin: 0 auto;

}

#search-logo{

  position: relative;
  display: inline-block;
  width: 300px;
  height: 100px;
  background: url(../img/redditlist-logo.png)no-repeat;
  background-size: contain;
  background-position: center;

}

#input-container form{

  position: relative;

}

#input-container form #search-submit-container{

  position: absolute;
  float: none;
  top: 1px;
  right: 0px;
  height: 80%;
  width: 50px;
  font-size: 1.25rem;
  z-index: 9999;

}

#input-container .input-prepend{

  width: 100%;
  margin-left: -5px;

}

#input-container .input-prepend button{

  height: 35px !important;
  padding: 0px 15px;
  border: solid 1px #dddddd !important;
  border-top-left-radius: 3.5px;
  border-bottom-left-radius: 3.5px;
  background: white !important;
  box-shadow: none !important;
  outline: none !important;
  font-size: .8rem;
  font-weight: 500;

}

.dropdown-menu{

  border-radius: 5px;

}

#input-container .input-prepend .btn-group .dropdown-menu li{

  text-align: left;  

}

#input-container .input-prepend #prependedInput{

  width: 80%;
  height: 25px !important;

}

.flair-container{

  width: 100%;

}

.flair-container > div > a{

  display: block;
  float: left;
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-decoration: none;
  padding: 2.5px 5px;
  color: #262626;

}

.flair-container > div.sfw{

  border: solid 1px #0088CC;
  background: #C7EBFF;

}

.flair-container > div.nsfw{

  border: solid 1px #FF1493;
  background: #FFCCE7;

}

.flair-container > div{

  position: relative;
  display: inline-block;
  font-size: .75rem;
  border: solid 1px black;
  border-radius: 2.5px;
  margin-right: 10px;
  margin-top: 10px;

}

.subscriber-count-container{

  position: absolute;
  top:0;
  bottom: 0;
  right: 0;
  width: 15%;

}

.subscriber-count-table{

  display: table;
  width: 100%;
  height: 100%;
  text-align: center;

}

.subscriber-count{

  display: table-cell;
  vertical-align: middle;
  text-align: center;
  font-size: 1rem;
  padding-top: 3.5px;
  letter-spacing: .1rem;
  font-weight: 200;

}

.result-item-rank-container{

  position: absolute;
  display: block;
  vertical-align: top;
  right: 15%;
  top:0;
  bottom: 0;
  width: 20%;

}

.result-item-rank-table{

  display: table;
  width: 100%;
  height: 100%;
  text-align: center;

}

.offset-anchor{

  position: absolute;
  top: -100px;

}

.rank-item{

  position: relative;
  display: table-cell;
  width: 20%;
  height: 20%;
  vertical-align: middle;
  text-align: center;

}

.anchor-block{

  position: absolute;
  display: none;
  width: 0%;
  height: 00%;
  left: 0;
  top: 0;
  z-index: 100;

}

.rank-item-inner-container{

  position: relative;

}

.rank-item > .rank-item-inner-container > span{

  color: black;

}

.rank-item-inner-container:hover{

  display: block;
  width: 100%;
  height: 100%;
  cursor: hand;
  cursor: pointer;

}

.rank-item-inner-container .alt-text-bubble{

  top: 60px;
  width: 150px;
  margin-left: -76px;

}

.rank-item-inner-container .alt-text-bubble span{

  font-size: .65rem;
  color: #9B9B9B;

}

.rank-item-inner-container:hover .alt-text-bubble{

  display: block;

}

.rank-item-value{

  display: inline-block;
  margin: 2.5px 0;
  font-size: .9rem;
  letter-spacing: .1rem;
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
  font-weight: 200;

}

.rank-item .rank-icon{

  width: 30px;
  height: auto;
  display: inline-block;
  color: #808080;

}

/*( Pagination )*/

.pagination{

  position: relative;
  text-align: center;
  margin-bottom: 0;
  padding: 15px 0 0px;

}

.pagination span{

  display: block;
  float: left;

}

.pagination .pagination-arrow{

  display: block;
  margin-top: -1.5px;

}

#first-arrow{

  float: left;

}

#last-arrow{

  float: right;

}




.nav{

  position: relative;

}

.dropdown-toggle{

  overflow: visible;

}

#pagination-container{

  position: relative;
  width: auto;
  height: auto;

}

#mobile-pagination{

  display: none;

}

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

/*#overlay *,
#submit-tag-container a{

  font-size: .9rem;

}*/

#overlay-content-header{

  height: 47.5px;

}

.tag-select-option{

  margin-bottom: 5px;

}

.tag-select-option .fa{

  margin-right: 0;

}

.tag-header{

  font-size: 1.15rem !important;
  padding-bottom: 15px;
  line-height: .9rem;

}



#current-tag-message-container h4{

  font-size: 1.15rem;
  margin-bottom: 5px;

}

 #search-bar input[type="text"]{

    width: 250px;
    padding-right: 0;
    margin-right: 0;

  }

}

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

  #overlay-title-table a,
#overlay-title-table a *{

  font-size: 1.15rem;

}

.overlay-navigation-item span{

  font-size: 1rem;
  margin-top: 2.5px;
  /*line-height: 2.10rem;*/

}

#close-overlay-table .fa{

  font-size: 1.5rem !important;

}

   #search-bar input[type="text"]{

    width: 200px;
    padding-right: 0;
    margin-right: 0;

  }

  .dropdown-nav > ul.category-nav{

    width: 275px !important;

  }

  .flair-dropdown .button-text{

    display: none;

  }

  .flair-dropdown .alt-button-text{

    display: inline;

  }

   .flair-dropdown,
   .category-select-toggle-container{

  left: 70px !important;
}

  #nav-item-container > ul > li > a > span {

    font-size: .6rem !important;
    padding: 0 10px;

  }

  .subreddit-url,
  .category-select-toggle-container a{

    font-size: .75rem;

  }

  .subreddit-url{

    left: 70px;

  }

  .subreddit-url a{

    font-weight: 400 !important;

  }

  .growth-stat,
  .rank-value,
  .listing-stat{


      font-size: .75rem;
  }

  .rank-value{

    width: 40px;

  }

  .subreddit-info-panel-toggle{

    left: 42.5px;

  }

  .listing-key span:nth-child(1){

    left: 5px;

  }

  .listing-key span:nth-child(2){

    padding-left: 65px;

  }

  /*#nav-item-container{

    width: 750px;

  }


/*  #search-bar input[type="text"]{

    width: 200px;
    padding-right: 0;
    margin-right: 0;

  }
*/
  /*#nav-item-container > ul{

    margin-left: 0;
    padding-left: 0;

  }

  #nav-item-container > ul > li > a > span{

    padding: 0 15px;

  }*/

}

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

    .full-page-listing-item-info-toggle,
    .subreddit-info-panel-toggle div{

    color: white;

  }

  .full-page-listing-item-info-toggle.sfw,
  .subreddit-info-panel-toggle.sfw div{

  background: #08c;
  border: solid 1px transparent;

}
.full-page-listing-item-info-toggle.nsfw,
.subreddit-info-panel-toggle.nsfw div{

  background: #FF1493;
  border: solid 1px transparent;

}

  .flair-dropdown .button-text{

    display: inline;

  }

  .flair-dropdown .alt-button-text{

    display: none;

  }

   .flair-dropdown,
   .category-select-toggle-container{

      left: 100px !important;
    }


  .category-select-toggle-container a{

    font-size: 1rem;

  }

  .growth-stat,
  .rank-value,
  .listing-stat,
  .subreddit-url,
  .subreddit-url a{

    font-size: 1.25rem;
    font-weight: 300 !important;

  }

  .subreddit-url,
  .growth-stat,
  .listing-stat{

    top: 15px !important;

  }

  .subreddit-url{

    position: absolute !important;
    left: 100px;

  }

  .subreddit-info-panel-toggle{

    left: 67.5px;
    top: 3.5px;
    font-size: 1.25rem;

  }

  .subreddit-info-panel-toggle div{

    width: 20px;
    height: 20px;
    line-height: 20px;

  }

  .flair-dropdown{

    top: 55px;
    left: 100px;

  }

  .category-select-toggle-container{

    top: 100px;
    left: 100px;

  }

  .rank-value{

    line-height: 52.5px;

  }

  .listing-key span:nth-child(1){

    left: 15px;

  }

  .listing-key span:nth-child(2){

    padding-left: 80px;

  }
  

  .listing-key ,
  .listing .listing-item
  {

    display: none;

  }

   .listing-header{

    display: none;

  }

  #listing-tooltip{

  display: none;
   /* position: absolute;
    top: 150px;
    left: 0;
    width: 100%;
*/
  }

 .mobile-accordion-header{

    display: inherit;
    visibility: visible;
    top: 0 !important;
    padding: 0 !important;
    background: transparent !important;

  }

  .listing-container{

    border: solid 1px #dddddd;
    border-radius: 5px;
    margin-top: 120px;
    margin-bottom: 30px;
    padding: 0;

  }

  .listing:nth-child(1){

    border-top-left-radius: 5px;
    border-top-right-radius: 5px;

  }

  .listing:nth-child(2){

    border-top: solid 1px #dddddd;
    border-bottom: solid 1px #dddddd;

  }

  .listing:nth-child(3){

    border-bottom: solid 1px #dddddd;

  }

  .listing{

    border: none;
    border-radius: 0px;
    padding: 30px 0;
    width: 100%;

  }

  .active-listing .listing-item,
   .active-listing .listing-key{

    display: inherit;

  } 

  .active-listing{

    padding-bottom: 0;

  }

  .rank-value{

    width: 60px;

  }

  .listing-item{

    height: 20px;
    padding: 15px 0;

  }

  .nav-tabs{

    top: 0px !important;
    margin-top: 62.5px;

  }

  #nav-item-container{

    width: 90%; 

  }

  #nav-item-container > ul > li{

    display: none;

  }

  li#hamburger-icon{

    display: inline-block !important;

  }

  #pullout-menu{

    display: block;

  }

  li#hamburger-icon > a:hover{

    border: none !important;

  }

  #nav-logo{

    left: 50%;
    right: 50%;
    margin-left: -50px;

  }

  #search-bar .input-prepend{

    width: 100%;

  }

  .input-prepend .form-control{

    width: 55%;

  }

  #search-bar{

    display: none;

  }



    #error-content > div{

      width: 80%;

    }

    #error-content > div > h3{

      font-size: 1.25rem;

    }

    /* enable smaller screen pagination */

      /* pagination */


  #pagination-container , .pagination{

    height: 35px !important;
    padding: 0 12.5px !important;
    margin: 10px 0!important;


  }

  .pagination ul li{

    font-size: .75rem !important;

  }

  #mobile-pagination{

    width: 50px !important;
    display: inherit;
    position: absolute;    
    z-index: 999;
    left: 50%;
    right: 50%;
    bottom: 2.5px !important;
    margin-left: -25px;

  }

  .pagination *{

    border: none !important;

  }

  #first-page , #previous-page , #next-page , #last-page{

    position: absolute;
    bottom: 6.5px;
  }

  #first-page , #previous-page{

    left: 0;

  }

  #next-page , #last-page{

    right: 0;

  }

  #next-page{

    right: 20%;

  }

  #previous-page{

    left: 20%;

  }

  #previous-page a:after{

    content: '  Prev';

  }

  #next-page a:before{

    content: 'Next  ';

  }

  .pagination ul{

    box-shadow: none;

  }

  .page-link{

    display: none !important;
    visibility: hidden !important;

  }


  /*/////////////*/
    .full-page-listing-item{

    /*text-align: center;*/
    padding: 20px 0;
    width: 100%;

  }

  .result-item-rank-table{

    display: block;
    background: blue;
    width: 175px;

  }

  .result-item-title-container{

    width: 90%;
    text-align: left;
    padding-bottom: 15px;
    margin-left: 5%;

  }

  .result-item-slug{

    margin-bottom: 15px;

  }

  .result-item-slug a{

    font-size: 1.05rem;


  }

  .result-item-title{

    display: none;
    font-size: .75rem;

  }

  .result-item-title:before{

    content: "";

  }

  .result-item-rank-container{
    float: left;
    position: relative;
    left: 0;
    margin-left: 5%;
    right: auto;
    display: inline-block !important;
    width: 150px !important;

  }

  .subscriber-count-container{
    
    float: right;
    position: relative;
    right: 0;
    display: inline-block !important;
    width: auto !important;
    top: 7.5px;
    right: 5%;


  }

  .subscriber-count-container *{

    font-size: .95rem;
    letter-spacing: .01rem;
    line-height: 1.25rem;

  }

  .subscriber-count{

    line-height: 1.25rem;
    font-weight: 600 !important;

  }

  .subscriber-count div{

    font-size: .75rem;

  }

  .rank-item-inner-container .alt-text-bubble{

    top: 50px;

  }

  .rank-item{

    display: inline-block;
    border: solid 1px #dddddd;
    padding: 5px 0 10px;
    float: left;
    width: 30%;
    margin-right: 2%;
    border-radius: 2px;

  }

  .rank-item-value{

    font-size: .8rem;
    line-height: 1.25rem;
    font-weight: 600 !important;
    color: #808080 !important;

  }

  .rank-icon {

    position: relative;
    float: left;
    width: 100% !important;
    text-align: center;
    bottom: 0;
    font-size: 1rem !important;
    color: #808080 !important;

  }


  .result-item-description{

    margin:0 0 2.5px 0;
    font-size: .75rem;
    text-align: left;

  }

  .dropdown-submenu>.dropdown-menu{

    left: 0;
    top: 115%;
    min-width: 100%;

  }

  .more-options-container{

    float: right;
    margin: 0 !important;
    padding: 0 !important;
    right: 0 !important;
    top: 0 !important;

  }

  .more-options-container > .dropdown-menu{

    right: 0px;
    left: auto;

  }

  .category-select-toggle-container a{

    font-weight: 300;
    font-size: .9rem;

  }

   #overlay-content{

    position: absolute;
    top: 2.5%;
    width: 95% !important;
    height: 90%;
    padding-bottom: 5%;
    margin-left: -47.5% !important;
    overflow: hidden;

  }

  .overlay-body-content{

    overflow: visible;
    height: 40%;
    min-height: 40% !important;
    height: auto !important;

  }

  #overlay-body-rank-container
  {

    float: none;
    display: inline-block !important;
    width: 60% !important;
    position: relative !important;

  }

  #overlay-body-subscriber-count-container{

    width: auto;
    float: right;
    display: inline-block !important;
    position: relative !important;
    margin-bottom: 15px;

  }

  #overlay-subscriber-count{

    color:#333;

  }

  .overlay-content-body{

    overflow: auto;
    width: 90%;
    height: 72.5%;
    padding: 5%;
    margin: 0 !important;

  }

  #overlay-navigation-container{

    position: relative;
    width: 100%;
    height: 75%;
    background: #f8f8f8;
    right: 0;
    border-top: solid 1px #dddddd;
    border-bottom: solid 1px #dddddd;

  }

  .overlay-navigation-item{

    padding: 0;

  }

  .overlay-navigation-item span{

    margin-top: 0px;
    border-left: solid 1px #dddddd;
    border-right: solid 1px #dddddd;

  }

  .overlay-navigation-item:nth-child(2) span{

    border: none;

  }

  .overlay-navigation-item:nth-child(2){


  }

  #overlay-content-header{

    height: 10% !important;
    min-height: 40px;

  }

  .overlay-flair-column {

    width: 100%;
    border: none !important;

  }

  .overlay-flair-item{

    padding: 10px 0;
    font-size: 1rem;
    background: transparent !important;
    border-bottom: solid 1px #d0d0d0;

  }

  .overlay-flair-item a{

    text-indent: 0px;

  }

  #overlay-content-tags .overlay-header-tooltip{

    margin-bottom: 20px;

  }

   #overlay-content-flair .overlay-header-tooltip{

    margin-bottom: 10px;

  }

  .anchor-block{

    display: block;
    width: 100%;
    height: 100%;

  }

  #error-content > div > h3{

    line-height: 1.5rem;

  }

  #error-content > div > p{

    text-align: left;

  }

  }


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



   .full-page-listing-item-info-toggle{

    float: right;
    font-size: 1rem;
    width: 17.5px;
    height: 17.5px;
    line-height: 17.5px;
    margin-top: -1.5px;

  }

  #pullout-menu{

  right: -75%;
  width: 75%;

} 

.in{

  right: -75%;
 
}



 

  .tag-content-container{

    display: none;

  }

  .current-tag-title-table span{


    font-size: .65rem !important;

  }

  .current-tag{

    padding: 0 2.5px!important;

  }

 .tag-select-option{

    width: 31%;
    margin-bottom: 0px;

  }

  #current-tag-message-container{

    padding: 10px 0;
    margin: 0 auto;

  }

  #current-tag-message-container h4{

    width: 95%;
    font-size: .75rem;
    line-height: .85rem;

  }

  #current-tag-message-container p{

    width: 95%;
    font-size: .5rem;
    line-height: .75rem;

  }

  #overlay-content-header{

    height: 35px;

  }

/*  #submit-tag-container{

    padding-top: 5px;

  }

  #submit-tag-container{

    text-align: center;

  }

  #submit-tag-container a{

    float: none;
    font-size: .75rem !important;
    padding: 2.5px 10px !important;

  }*/

   #close-overlay-table .fa{

    font-size: 1.5rem !important;
    line-height: 20px !important;

   }

   .tag-header{

    padding: 5px 0;

   }

  .tag-header{

    font-size: .85rem !important;

  }

  .tag-select-option span{

    font-size: .65rem !important;

  }

  .flair-dropdown{

    top: 50px;
    left: 80px;

  }

   .flair-dropdown{

    text-align: center;
    position: absolute !important;
    float: none;
    left: 18px !important;

   }

   .flair-dropdown .dropdown-toggle{

    display: inline-block;

   }

   .flair-dropdown.open .dropdown-menu{

    position: relative;
    display: inline-block;
    float: none;
    text-align: left;

   }

  .flair-dropdown .dropdown-menu{

    display: none; 

  }

  .flair-dropdown .dropdown-menu *{

    font-size: .75rem;

  }

  .flair-dropdown .dropdown-menu li a{

    padding: 5px;

  }

  .flair-dropdown .button-text{

    display: none;

  }

  .flair-dropdown .alt-button-text{

    display: inline;

  }

   
   .category-select-toggle-container{

      left: 82.5px !important;
    }
  

  .category-select-toggle-container{

    top: 95px;
    left: 80px;

  }

  #top-nav{

    height: 35px;

  }

  #pullout-menu{

    top: 35px;

  }

  .growth-stat,
  .rank-value,
  .listing-stat,
  .subreddit-info-panel-toggle{

    font-size: .75rem !important;
    font-weight: 300 !important;

  }

  .subreddit-url{

    margin-top: -3px;

  }

  .subreddit-url a{

    font-size: .90rem !important;
    line-height: 1rem !important;
    padding: 0;
    z-index: 0;

  }

  .subreddit-url{

    left: 90px;

  }

  .subreddit-info-panel-toggle{

    left: 57.5px;
    top: 4.5px;
    font-size: .8rem;

  }

  .subreddit-info-panel-toggle div{

    width: 17.5px;
    height: 17.5px;
    line-height: 17.5px;
    font-size: 1rem;

  }

  .rank-value{

    width: 50px;
    padding: 0;

  }

   #overlay-subscriber-count{

    font-size: 1rem;

   }

  #overlay-subscriber-count p{

    font-size: 1.25rem;

  }

  #overlay-body-rank-container{

    width: 60%;

  }

  .overlay-rank-item,
  .overlay-rank-item a{

    font-size: 1.15rem;

  }

  #overlay-tag-submit-container{

    position: relative;
    margin-bottom: 25px;

  }

  .overlay-tag-info{

    display: none;
    visibility: hidden;

  }

  #overlay-body-subscriber-count-container{

    float: none;
    display: block !important;
    width: auto !important;
    height: auto !important;/*
    padding-bottom: 25px;*/
    /*padding-left: 2.5%;*/

  }

  #overlay-body-subscriber-count-container *{

    font-size: 1rem !important;
    font-weight: 500 !important;

  }

  #overlay-subscriber-table{

    display: block;

  }

  #overlay-subscriber-count p{

    display: inline-block;
    float: right;
    margin: 0;

  }

   #overlay-subscriber-count p:before{

    content: ": ";

  }

  #overlay-body-rank-container{

    width: 100% !important;
    text-align: center;

  }

  /*#input-container .input-prepend{

  margin-left: -7.5%;

}
*/
/*#input-container .input-prepend #prependedInput{

  width: 75%;
  box-shadow: none !important;

}*/

#input-container .input-prepend #prependedInput{

  width: 70%;
  -webkit-appearance: none;
}

#input-container .input-prepend{

  margin-left: -2.5px;

}

#input-container form #search-submit-container{

  width: 5%;
  left: 50%;
  right: 50%;
  margin-left: 40%;

}

#search-input > .row > p{

  font-size: .9rem;
  font-weight: 100;
  letter-spacing: 2.5px;
  line-height: .9rem;
  margin-top: 0px;
  margin-left: 0px;

}

#search-logo{

  width: 75%;
  height: 75px;

}

#search-input > .row > #input-container{

  width: auto;

}

#overlay-body-rank-container{

    /*margin-top: 25px;*/
    padding-top: 40px;
    border-top: solid 1px #dddddd;

}

#ranking-key{

  top: 10px;

}

}

@media only screen and (max-width : 480px) and ( orientation: portrait ){

  .input-prepend .form-control{

    width: 50%;

  }

  #first-page a , #previous-page a ,
  #next-page a , #last-page a{

    padding: 0;

  }

  #mobile-pagination{

    bottom: 35px;

  }


}