body { font-family: 'Soleil', sans-serif; line-height: 1.33; color: #666; }
a { text-decoration: none; color: #009eb3;}
a:hover { text-decoration: underline; }

.header, .footer { background: #009eb3; }

.logo{ font-size: 2rem; color: #ffffff; }
a.logo:hover {text-decoration: none; color: #ffffff;}
.logo i {
	background-color: white;
	border: 1x solid white;
	display: inline-block;
	border-radius: 50%;
	box-shadow: 0px 0px 2px #888;
	padding: 0.5em 0.6em;
	color: #009eb3;
}
.credits a, .credits { color: #FFFFFF; }

.navbar-light .navbar-nav .nav-link {
    color: #333;
}

.masthead {
  /* position: relative; */
  background-color: #343a40;
  background: url("muz_images/intro.jpg") no-repeat center center;
  background-size: 1920px 504px;
  padding-top: 8rem;
  padding-bottom: 8rem;
  font-size: 2rem;
  margin-bottom: 2rem;
}

.masthead h1 {
  font-size: 2rem;
}

@media (min-width: 768px) {
  .masthead {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
  .masthead h1 {
    font-size: 3rem;
  }
}

.img-featured{
	width:380px;
	height:215px;
}

.img-featured-div{    
	height:215px;
    overflow: hidden;
}
.img-item{
	height:100px;
}

.img-item-div{    	
	width:175px;
    overflow: hidden;
}

.rating-rated,
.rating { width: 95px; height: 17px; background-position: 0 0; background-repeat: repeat-x; }
.rating { background-image: url(muz_images/star-silver-small.png); }
.rating-rated { background-image: url(muz_images/star-gold-small.png); }

.sidebar {
    -ms-flex: 0 0 350px;
    flex: 0 0 350px;
}

.widget { border: 1px solid #eeeeee; margin-bottom: 28px; background: #fff; }
.widget-head { overflow: hidden; padding: 17px; border-bottom: 1px solid #f4f4f4; font-size: 16px; color: #333; }
.widget-head p { text-transform: uppercase; }
.widget-head a { color: #fff; }
.widget-head-inner { float: right; font-size: 14px; line-height: 1.43; }
.widget-body { padding: 16px 18px; color: #666; font-size: 14px; line-height: 1.29; }
.widget-head-wave { position: relative; color: #fff; border: 0 none; }
.widget-head-wave:after { position: absolute; bottom: 0; left: 0; width: 100%; height: 4px; content: ''; background-repeat: repeat-x; content: ''; }
.widget-head-blue { background: #003e4d; }
.widget-head-blue:after { background-image: url(muz_images/wave-blue-small.png); }
.widget-head-teal { background: #009eb3; }
.widget-head-teal:after { background-image: url(muz_images/wave-teal-small.png); }
.widget-head-gray { background: #aab2b3; }
.widget-head-gray:after { background-image: url(muz_images/wave-gray-small.png); }
.widget-foot { padding: 13px 21px; border-top: 1px solid #f2f2f2; font-size: 14px; color: #4d4d4d; }
.widget-foot i { margin-right: 9px; }

.list-stats { text-align: justify; padding: 15px 15px 0; }
.list-stats:after { display: inline-block; width: 100%; content: ''; }
.list-stats li { display: inline-block; text-align: center; }
.list-stats span { display: block; font-size: 14px; line-height: 1.43; color: #666; }

.list-stats .stats-number { font-size: 38px; line-height: 1; }
.list-stats .stats-number-blue { color: #009eb3; }

/* ICONS */
/* https://codepen.io/elishaterada/pen/tGokD */
@fa-facebook-official: @fa-facebook;
@fa-facebook-square: @fa-facebook;
@fa-facebook: #3b5998;
@fa-twitter-square: @fa-twitter;
@fa-twitter: #55acee;