html {
  color: #444;
}

body{
  /*background: url("/img/seamless1.png");*/
  background-color: #f2f2f5;
  background-size: 380px,contain;
  justify-content: center;
}

h1, h2, h3 {
  letter-spacing: 1px;
  color: #34495e;
  line-height: 45px;
  margin-top: 0px;
}

a {
  color: #34495e;
}
.aside {
      background-color: #d3ecb3;
    display: inline;
    margin-bottom: 34px;
    padding: 10px;
    border-radius: 4px;
    font-size: 20px;
}

th {
  padding:10px;
  background-color: rgb(240, 240, 240);
}

td {
  border:1px solid rgb(240, 240, 240);
  padding: 5px;
  /*font-size: 14px;*/
}

.internalbanner{
    background-color: aliceblue;
    padding: 15px;
    border-radius: 10px;
}
.postimage{
  float:left;
  margin-right: 25px;
  max-width: 100%;
}

.wrapper{
  padding:30px 30px 0px 30px;
  /*margin-top:15px;*/
  background-color: white;
  /*display: inline-block;*/

}

.wrapper-author{
  padding:0px 30px 0px 30px;
  /*margin-top:15px;*/
  background-color: white;
  /*display: inline-block;*/

}

.wrapper-similar-articles{
  padding:0px 30px 0px 30px;
  /*margin-top:15px;*/
  background-color: white;
  /*display: inline-block;*/

}

.bing-images{
  overflow: hidden;
}

.bing-image{
  max-height: 180px;
  float:left;
}

.gsc-control-cse {  
    /*border-color: #444!important;*/
    /*background-color: #444!important;*/
    border: none!important;
    border-color: none!important;
}

.gsc-input-box {
      border-radius: 4px;
}

.gsc-search-button-v2 {
  display: none;
}

.search {
  width: 300px;
}

.homefooter .slickslider li{
  max-width: 235px;
  white-space: nowrap;
  overflow: hidden;
  color:red;
}

.rate-star {
  height: 25px;
}

.rate-star-comments {
  height: 20px;
}

.content {
    margin: 0 auto;
    max-width: 1000px;
    line-height: 1.5em;
}

.headermenu {
	background-color: #c3ca8e;
}

.tab2 img{
  height:100px;
}

.logo{
  margin-top: -5px;
  margin-left: -5px;
  float: left;
}

.comments {
  /*border:1px solid #c3ca8e;*/
  background-color: white;
  padding: 20px;
  margin-bottom:15px;

}

.neighbors {
  padding: 30px;
  /*border:1px solid #c3ca8e;*/
  margin-bottom: 15px;
  background-color: white;
}

.margintop15 {
  margin-top:15px; 
}

.padding10 {
  padding: 10px;
}

.setborder {
  /*border:1px solid #c3ca8e;*/
  background: white;
}

.item-header-wrapper {
  background-color: white;
  padding: 5px;
}

.comments-form-wrapper {
  background-color: white;
  padding: 25px;
}
.neighbors li {
  display: inline-block;
  margin-bottom:10px;
}

.neighbors li a {
  text-decoration: none;
  padding: 5px;
  border: 1px solid lightgrey;
  color: grey;
}

.commentswrapper{
  margin-top:20px;
}

.item-image {
  max-width: 220px;
  max-height: 145px;
  border: 1px solid lightgrey;
  margin-top: 20px;
}

.item-name {
  padding-top:15px;
  padding-bottom: 10px;
}

.pure-input-rounded{
  width:100%;
}

.rating-table{
    margin-left:20px;
}

.comment-date {
  display: inline;
  float:right;
  color: lightgrey;
}

.comment-author-name {
  margin-left: 3px;
  margin-bottom: 3px;
  display: inline;
}


.comment-author-image{
    width: 50px;
    min-width: 50px;
    height: 50px;
    display: block;
    border-radius: 50%;
    overflow: hidden;
    background-color: #f2f2f5;
    float:left;
    margin-right:15px;
    /*margin-bottom: 10px;*/
}

.comment-author-image-p {
  margin-top:15px;
  display: inline-block;
}

.author-box {
  border:1px solid rgb(241, 241, 241);
  border-radius: 10px;
  display: inline-block;
  margin: 10px 10px 10px 0px;
  padding: 10px 20px 10px 10px;
  background: rgba(249, 249, 249, 1);
}

.catlink {
  font-size: 25px;
  /*padding-top:20px;*/
}

.catlink a {
  text-decoration: none;
}

.item-average-rating {
  /*font-size: 1px;*/
  padding-top:10px;
}

.yellow-star-rating {
  color: orange;
}
.empty-star-rating {
  color: #9a9898;
}

.homepage.bigheader{
  background: url('/img/homepage-drums-min.jpg');
  height: 600px;
  background-size: cover;
}

.bigheader form{
  padding:15%;
  width:100%;
}

.bigheader form input {
  width:100%;
  height:50px;
}

.homepage .searchlinediv{
  padding:40px;
  background-color:#fff9;
  border-radius: 10px;
}

.slickslider {
  overflow:hidden;
}

.slickslider .comments{
  height:200px;
}

.slickslider .comments .commentsheader{
  /*float:left; */
  /*margin-right:20px;*/
}

.darkfooter ul{
  margin: 0;
  padding: 0;
}

.darkfooter{
  background: #444;
  height: 200px;
  background-size: cover;
}

.darkfooter .pure-g{
  border:1px solid #727272;
  border-top-color:#444;
  margin-top:15px;
  padding:20px;
}

.darkfooter b{
  color:#e6e6e6;
}

.darkfooter .pure-g li {
  list-style-type: none;
}

.darkfooter .pure-g li a {
  color: white ;
  text-decoration: none;
}

.category-item-box {
  padding: 20px;
  margin-bottom: 15px;
  background: white;
}

.center {
  justify-content: center;
}

/*rating on feedback comments begin*/
.rating {
    overflow: hidden;
    display: inline-block;
    font-size: 0;
    position: relative;
}
.rating-input {
    float: right;
    width: 16px;
    height: 16px;
    padding: 0;
    margin: 0 0 0 -16px;
    opacity: 0;
}
.rating:hover .rating-star:hover,
.rating:hover .rating-star:hover ~ .rating-star,
.rating-input:checked ~ .rating-star {
    background-position: 0 0;
}
.rating-star,
.rating:hover .rating-star {
    position: relative;
    float: right;
    display: block;
    width: 16px;
    height: 16px;
    background: url('/qns/img/star.png') 0 -16px;
}
/*rating on feedback comments end*/


/* Vertical align CSS begin */

.outer{
  margin:50px auto;
  height: 100px;
  background: #f7f7f7;
  border:1px solid #ddd;
  padding: 20px;
}


.venuescheduledetails {
  padding:5px;
  font-size:12px;
  padding-left: 15px;
}

.venueschedulecontainer{
  margin:5px;
  border:1px solid #ddd;
  width:100%;
}

.venueouter{
  /*margin:50px auto;*/
  height: 133px;
  background: #f7f7f7;
  border-right:1px solid #ddd;
  padding: 20px;
}

.venueouter img {
  width: 100%;
  max-width:200px;
}

.vertical-align {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}


.header h1 {
  margin-bottom: 0px;
  line-height: 1em;
  font-size: 1.4em;
}

.imdb-rating {
  margin-top: 10px;
  border: 1px solid #f5c518;
  display: table;
  padding: 3px;
  border-radius: 4px;
  background-color:#f5c518;
  color: #121212;
}

.imdb-rating a{
  text-decoration: none;
  /*padding:3px;*/
  /*border: 1px solid lightgrey;
  border-radius: 4px; */
  /*background: #eee;*/
  /*color: #424c5f;*/
  /*font-size: 14px;*/
}

.crumps{
  font-size: 12px; margin-bottom: 1em;
  display:block;
  float: right;
  margin-right: 11px;
  margin-top: 4px;
}

.toppanel {
  background: #c3ca8e;
}

.toppanel .artistimage{
  height:250px;
  margin: auto;
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: center center;

  /*WHEN AD IS PRESENT*/
  /*background-position: calc(50% - 50px) 50%;*/
}

.artistimage img {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.toppanel .venueimage{
  height:150px;
  margin-top:50px;
  /*background:white;*/
}


.comments .stars{
  /*float:left;*/
}

.commentslider-homepageimage-wrapper img {
  padding:15px;
  border:1px solid lightgrey;
}
.comments .username{
  float:right;
  font-size: 12px;
}

.comments .feebacktext{
  padding:15px 0px 0px 0px;
  margin-top: 5px;
  border-top: 1px solid #f1f1f1;
}

.comments .feebacktext-home{
  /*padding:15px 0px 0px 0px;*/
  /*margin-top: 5px;*/
  /*border-top: 1px solid #f1f1f1;*/
}

.comments .placeandtime{
  font-size: 12px;
}
/* Vertical align CSS end */

.custom-brand {
  /*margin-top:10px;*/
  /*margin-left:10px;*/

}

/* Menu begin */

.custom-wrapper {
    background-color: white;
    margin-bottom: 0.5em;
    -webkit-font-smoothing: antialiased;
    height: 4em;
    overflow: hidden;
    -webkit-transition: height 0.5s;
    -moz-transition: height 0.5s;
    -ms-transition: height 0.5s;
    transition: height 0.5s;
}

.custom-wrapper .pure-menu-link, .pure-menu-heading {
    /*padding: .7em 1em;*/
    padding: 20px;
}

.custom-wrapper .pure-form {
  padding: .3em;  
  width: 100%;
}


.custom-wrapper input[type="text"], textarea {

  background-color : white; 
  width: 100%;
  opacity: 0.5;

}

.custom-wrapper.open {
    height: 14em;
}

.custom-menu-3 {
    text-align: right;
}

.custom-toggle {
    width: 34px;
    height: 34px;
    position: absolute;
    top: 0;
    right: 0;
    display: none;
}

.custom-toggle .bar {
    background-color: #777;
    display: block;
    width: 20px;
    height: 2px;
    border-radius: 100px;
    position: absolute;
    top: 18px;
    right: 7px;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    transition: all 0.5s;
}

.custom-toggle .bar:first-child {
    -webkit-transform: translateY(-6px);
    -moz-transform: translateY(-6px);
    -ms-transform: translateY(-6px);
    transform: translateY(-6px);
}

.custom-toggle.x .bar {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.custom-toggle.x .bar:first-child {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

@media (max-width: 47.999em) {

    .custom-menu-3 {
        text-align: left;
    }

    .custom-toggle {
        display: block;
    }

}


/* Menu end */

.itemdescriptionblock {
 
  margin-top:0px;
  margin-left:10px;
  padding:20px; 
  font-size: 12px;
  background: white;
}

.scheduleblock {
  max-height: 300px;
  /*border: 1px solid #c3ca8e;*/
  overflow: scroll;
  padding: 15px;
}

.schedule{
  display: inline-block;
  float: left;
  margin: 10px;
  border: 1px solid #eeeeef;
  padding: 15px;
  overflow: hidden;
  width: 215px;
  height: 145px;
  font-size:12px;
}

.schedule:hover {
  background-color: #efeff5;
}

.schedule .tmimage:hover{
  cursor: pointer;
}

.schedule .item{
  width:100%; 
  height:23px; 
  overflow:hidden;
}

.venueitem {
  width:100%; 
  height:23px; 
  overflow:hidden;
}

.artistphotosblock {
  max-height: 500px;
  overflow: scroll;
  /* border: 1px solid lightgrey; */
  padding: 15px;
  background: white;
}

.recentlyadded li {
  list-style: none;
  margin: auto;
}

.home.artistphotosblock {
  max-height:initial;
  overflow: auto;
  width: %100;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}

.smallphotoblock{
  max-height: 300px !important;
  overflow: auto;
}

/* Image grid begin */

.photos {
  /* Prevent vertical gaps */
  line-height: 0;
   
  -webkit-column-count: 5;
  -webkit-column-gap:   0px;
  -moz-column-count:    5;
  -moz-column-gap:      0px;
  column-count:         5;
  column-gap:           0px;  
}

.photos img {
  /* Just in case there are inline attributes */
  max-width: 100% !important;
  height: auto !important;
  padding: 0.2em;
}


.rates {
  /*border:5px solid lightgrey;*/
  margin:5px 0px 5px 0px ;
  padding:5px;
  border-left: 1px solid lightgrey;
}

@media (max-width: 1200px) {
  .photos {
  -moz-column-count:    4;
  -webkit-column-count: 4;
  column-count:         4;
  }

  .itemdescriptionblock {
   
    margin-left:0px;
 
  }

  .rates {
    border-left:none!important;
  }

  .commentslider-homepageimage-wrapper {
    display: none;
  }
}
@media (max-width: 1000px) {
  .photos {
  -moz-column-count:    3;
  -webkit-column-count: 3;
  column-count:         3;
  }

  .scheduleblock {
    max-height: 300px;
    padding-left: 7%;
  }

  .rating-table{
    margin-left:0px;
  }

 
}
@media (max-width: 800px) {
  .photos {
  -moz-column-count:    2;
  -webkit-column-count: 2;
  column-count:         2;
  }

  .scheduleblock {
    max-height: 300px;
    padding-left: 18%;
  }

   .bing-images{
    display: none;
  }
 
}
@media (max-width: 400px) {
  .photos {
  -moz-column-count:    1;
  -webkit-column-count: 1;
  column-count:         1;
  }

}

.photos > img {
  display: block;
  width: 200px;
  transition: .1s transform;
  transform: translateZ(0); /* hack */
}

.photos > img:hover {
  z-index: 1;
  transform: scale(1.7,1.7);
  transition: .3s transform;
}

/* Image grid end */


.homepageimage{
  max-width: 160px;
  max-height: 160px;
}

.listimage{
  max-height: 220px;
  max-width: 95%;
}
/** LIGHTBOX MARKUP begin **/ 

.lightbox {
  /** Default lightbox to hidden */
  display: none;

  /** Position and style */
  position: fixed;
  z-index: 999;
  width: 100%;
  height: 100%;
  text-align: center;
  top: 0;
  left: 0;
  background: rgba(0,0,0,0.8);
}

.lightbox img {
  /** Pad the lightbox image */
  max-width: initial;
  max-height: initial;
  margin-top: 2%;
}

.lightbox:target {
  /** Remove default browser outline */
  outline: none;

  /** Unhide lightbox **/
  display: block;
}

/** LIGHTBOX MARKUP end **/ 


.ratingsbar-wrapper {
  margin-left: 20px;
}

.ratingsbar1, .ratingsbar2, .ratingsbar3, .ratingsbar4, .ratingsbar5
{
   border-top-right-radius: 4px;
   border-bottom-right-radius: 4px;
   margin: 4px;
   font-size: 12px;
   padding-left: 5px;
}

.ratingsbar1 {
  background-color: #7ace7a;
}
.ratingsbar2 {
  background-color: #d8ee90;
}
.ratingsbar3 {
  background-color: #f3dc5b;;
}
.ratingsbar4 {
  background-color: #fb9d58;
}
.ratingsbar5 {
  background-color: #ff5454;
}

.images {
  padding:5px;
  margin:5px;
}

.images a{
  text-decoration:none;
}

.images img
{
  opacity:0.5;
  max-height:60px;
}

.images img:hover
{
  opacity:0.8;
}

@media screen and (min-width:48em) and (max-width:63.938em) {
  .commenticon{
    display: none;
  }
}
.homepagephotos{
  display: block;
margin: 0 auto;
}

.homepageitem{
  width: 220px;
  display: inline-block;
  border:1px solid lightgrey;
  margin: 5px;
  border-radius: 4px;
  background-color: white;
  height: 150px;
  overflow: hidden;
  /*padding:10px;*/
}

.homepageitem img{
    margin: 0 auto;
    display: block;
     margin-left: auto;
    margin-right: auto;

}

.blog li{
  font-size: 12px;
  line-height: 18px;
}

.blog h4{
  padding-left:20px;
  margin-bottom: 10px;
  margin-top:0px;
}

.blog ul {
  margin: 0px;
  padding-left: 20px;
}