navbar {
    background-color: rgba(255, 255, 255, 0.8) none repeat scroll 0 0;
}

.full-page-height {
    min-height:100vh;    
}

.card-title-overlay {
    position: absolute;
    top: 10rem;
    right: 1.25rem;
    left: 1.25rem;
}

body {
    padding-top: 34px;
}
@media (max-width: 576px) {
    body {
        padding-top: 64px;
    }
    nav {
        /*height: 110px;*/
        padding-bottom:0px !important;
        margin-bottom:0px !important;
    }
    h3 {
        font-size: 1.2em;
    }
    .listing-details-carousel {
        padding-top: 28px;
    }
}

 

nav, .mobile-nav-menu {
    background-color: #efefef;
    opacity: 0.9;
       -moz-box-shadow: 0 0 3px 1px #aaaaaa;
    -webkit-box-shadow: 0 0 3px 1px #aaaaaa;
            box-shadow: 0 0 3px 1px #aaaaaa;
    zoom: 1 
}

.listing-heading {
    margin: 0 !important;
    font-family: Poppins,sans-serif !important;
    font-size: 1rem !important;
    font-weight: 400 !important;
    line-height: 1.6 !important;
    color: #212529 !important;
    text-align: left !important;    
}

.sticky-top {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 100;
}

h1 {
    font-size: 1.75rem;
}
h2 {
    font-size: 1.5rem;
}
h3 {
    font-size: 1.25rem;
}

hr {
  border: 0;
  clear:both;
  display:block;
  width: 100%;               
  /*background-color:#000;*/
  background-color:#999;
  height: 1px;
}

.voted {
    color:grey;
}


/*
 * Common CSS properties for any menu item with a logo.
 *
 */
.ui-menu .ui-menu-item .ui-menu-item-icon {
    background-repeat: no-repeat;
    background-position: 2px, 0;
    background-size: 28px;
    padding-left: 36px;
}
.ui-menu-item {
    line-height: 38px;
}


.brightness {
    background-color: white;
    display: inline-block;

}
.brightness img:hover {
    opacity: .5;
}


.card-body{
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
}

.no-margin-bottom {
    margin-bottom: 0px;
}


/* TOUR */
.btn-group-xs > .btn, .btn-xs {
    padding  : .25rem .4rem;
    font-size  : .875rem;
    line-height  : .5;
    border-radius : .2rem;
}

.popover {
    min-width: 300px;
}



/*IMAGE HELPERS*/
.bg-img {
  /* Full height */
  /*height: 100%;*/
  /* Center and scale the image nicely */
  background-position: center;
  background-repeat: no-repeat;
  /*background-size: cover;*/
  background-size: contain;
}

/* Used by G-Auth */
.brightness {
    background-color: white;
    display: inline-block;
}
.brightness img:hover {
    opacity: .5;
}


/* WATCH HELPERS */
.watch-eye-container {
    cursor: pointer;    
}
.unwatch-eye-icon {
    cursor: pointer;
    background-color: orange; 
    opacity:1;
}
.watch-eye-icon {
    cursor: pointer;
}
.watch-eye-icon i {
    cursor: pointer;
    color: orange; 
}
.unwatch-eye-icon i {
    cursor: pointer;
}