@import 'https://fonts.googleapis.com/css?family=Cinzel|Cardo';
body {
  /*font-family: 'Cinzel', sans-serif;*/
  font-family: 'Cardo', serif;
}

div.overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.5);
}

.well .overlay {
    top: 0;
    left: 0;
}

#background-parallax {
    background-image: url('background1.jpg');
    background-size: cover;
    background-position: top left;
    width: 100vw;
    position: fixed;
    z-index: -999;
    opacity: 0.25;
}

/*** Navbar Section ***/
.navbar-component {
  background-color: aliceblue;
  margin-bottom: 0px;
  font-size: 1.5em;
  box-shadow: 0 5px 20px #444;
}
#loginCollapse {font-size: 0.75em;}

/*** Jumbotron Section ***/
#mainJumbotron {
    background: #ffffff url('background1.jpg') no-repeat left top;
    background-size: cover;
    padding-top: 50vh;
    box-shadow: 0 5px 20px #888;
}
#mainJumbotron .panel {
    background-color: rgba(240, 248, 255, 1);
    border-radius: 10px;
    padding: 15px;
    box-shadow: 0 5px 20px #444;
}

/*** Envision Panel ***/
#choice-confirm {
    top: calc(50vh - 10vw);
    left: calc(50vw - 10vw);
    color: #fff;
    position: fixed;
    z-index: 1;
    font-size: 20vw;
    display: none;
}
@media only screen and (orientation: landscape) {
    #envisionJumbotron {
        background-color: #000;
        height: calc(100vh - 60px);
        margin-bottom: 0px;
        padding: 0px;
    }
    div#current-image img {
        width: 100vw;
        height: calc(100vh - 60px);
        position: fixed;
    }
    div.thumb {
        position: fixed;
        top: calc(100vh - 20vw);
    }
    div.thumb img { width: 15vw; }
    div#thumbs-up { left: calc(100vw - 25vw); }
    div#thumbs-down { left: calc(10vw); }
}
@media only screen and (orientation: portrait) {
    #envisionJumbotron {
        background-color: #000;
        height: calc(100vh - 70px);
        margin-bottom: 0px;
        padding: 0px;
    }
    div#current-image img {
        width: 100vw;
        height: calc(100vh - 70px);
        position: fixed;
    }
    div.thumb {
        position: fixed;
        top: calc(100vh - 25vh);
    }
    div.thumb img { width:15vh; }
    div#thumbs-up { left: calc(100vw - 20vh); }
    div#thumbs-down { left: calc(5vh); }
}


/* Site-Specific CSS attributes */
/*.panel-heading a:after {
    font-family:'Glyphicons Halflings';
    content:"\e114";
    float: right;
    color: white;
}
.panel-heading a.collapsed:after {
    content:"\e080";
}
*/

/****************************** VENDOR **********/
vendor img {
    width: 200px;
    margin: auto;
}
vendor a:hover {
    text-decoration: none;
}
vendor h3 {
    margin: 10px 0px 0px;
}
/*** Star Rating System ***/
div.star-ratings {
    font-family:'Glyphicons Halflings';
    position: relative;
    /* color: #F36; */
    color: pink;
    display: inline-flex;
}
div.star-ratings span {
    padding-right: 5px;
}
div.rating span {
    cursor: pointer;
}
div.star-ratings span~span {
    padding: 0px 5px;
}
div.star-ratings.user-rating, div.rating:hover {
    /*color: gold;*/
    color: red;
}
div.star-ratings span.star-empty:before,
div.rating span:hover~span:before {
    /*content:"\e007"; /* Stars */
    content:"\e143"; /* Hearts */
}
div.star-ratings span:before,
div.rating:hover span:before,
div.rating span:hover:before {
    /*content:"\e006"; /* Stars */
    content:"\e005"; /* Hearts */
}
/*** /Star Rating System ***/

div.vendor-container {
    min-height: 200px;
    padding: 15px 0px;
    background-color: rgba(255,255,255,0.8);
    box-shadow: 0 5px 20px #888;
    margin-bottom: 20px;
    border-radius: 5px
}
div.vendor-container img {
    max-height: 180px;
    box-shadow: 0px 0px 10px white;
}


/*** Forum Code ***/
.forum.table > tbody > tr > td { vertical-align: middle; }
.forum .fa { width: 1em; text-align: center; }
.forum.table th.cell-stat { width: 6em; }
.forum.table th.cell-stat-2x { width: 14em; }
.forum.table th.cell-stat-half { width: 3em; }
.badge-notify {
    background-color: #F55;
    position: relative;
    top: -10px;
    left: -10px;
    margin-right: -10px;
}
.btn-link-success { color: #5cb85c; }
.btn-link-success:hover { color: #3d8b3d; }

/*** /Forum Code ***/


/*** Card Layout Code ***/
.row-card {
    -moz-column-width: 25em;
    -webkit-column-width: 25em;
}
.panel-card {
    display: inline-block;
    margin:  1em;
}

.article-layout { font-size: 1.25em; }
.article-layout img {
    width: 100%;
    padding-bottom: 15px;
}
@media only screen and (min-width: 768px) {
    .article-layout { font-size: 1.5em; }
    .article-layout img {
        padding: 0px 20px 10px 0px;
        max-width: 50%;
    }
}

/*** Rating Table ***/
div.rating-bar {
    background-color: forestgreen;
    box-shadow: 1px 1px 0px #555;
    height:12px;
    text-align: right;
    padding: 0px 5px
}
div.rating-bar span { color: white; }

.label {
    font-size: 135%;
    display: inline-block;
    margin: 2px 0px;
    padding: .35em .6em .3em
}
.text-gray { color: #DDD; }


.no-margin { margin: 0px !important; }
.no-padding { padding: 0px !important; }
.vertical-padding { padding: 15px 0px }

/* XS Only */
@media (max-width: 768px) {
    no-margin-xs { margin: 0px !important; }
    no-padding-xs { padding: 0px !important; }
}
/* SM Only */
@media (min-width: 767px) and (max-width: 992px) {
    no-margin-sm { margin: 0px !important; }
    no-padding-sm { padding: 0px !important; }
}
/* MD Only */
@media (min-width: 993px) and (max-width: 1200px) {
    no-margin-md { margin: 0px !important; }
    no-padding-md { padding: 0px !important; }
}
/* LG Only */
@media (min-width: 1201px) {
    no-margin-lg { margin: 0px !important; }
    no-padding-lg { padding: 0px !important; }
}


table.rating-table td,
table.rating-table th {
    text-align: center;
}
table.rating-table td.title {
    text-align: left;
}