@charset "UTF-8";

/* @import url(https://fonts.googleapis.com/css?family=OpenSans:400,400i,700i); */
@import url(https://fonts.googleapis.com/css2?family=Montserrat&display=swap);


/* Base Styles
===================================*/
body {
	color: #000;
    font-family: 'Montserrat', sans-serif;
	/* font-family: "Eras ITC", "Eras Light ITC",  sans-serif ; */
	/* font-family: monospace,sans-serif; */
	/*font-weight: 400; */
	line-height: 1.6;
    background-color: #fff;
    position:relative;
}

/* Nav / Navbar Styles
===================================*/


.navbar {
	background:transparent;
	border-bottom: none;
	/*transition-duration: 0.2s;*/
	display: flex;
	align-items: center;
	padding: .5rem 1rem;
}

.fixed-top {
	position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030;
}

.navbar-expand-lg
{
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.navbar-expand-lg > .container, .navbar-expand-lg > .container-fluid {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}

.navbar-expand-lg .navbar-nav {
    -ms-flex-direction: row;
    flex-direction: row;
}

.navbar-nav {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	padding-left: 0;
	margin-bottom: 0;
	list-style: none;
    box-sizing: border-box;
}

.nav-item>li>a {
	color:#fff;
}
.navbar-light .navbar-brand,
.navbar-light .navbar-nav>li>a {
	color: #fff;
}

.navbar-light .navbar-nav > li {
    box-sizing: border-box;
}

.navbar-nav {
    list-style: none;
}

.navbar-brand {
    display: inline-block;
    padding-top: .3125rem;
    padding-bottom: .3125rem;
    margin-right: 1rem;
    font-size: 1.25rem;
    line-height: inherit;
    white-space: nowrap;
}

a {
    color: #777;
    text-decoration: none;
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
}

.navbar-brand img {
	background:none;
}

.navbar-light .navbar-nav .nav-link {
	color: #000;
}
/* .navbar-brand {
	padding: 0 15px 0 15px;
	background: none;
} */

/* .navbar-brand img:hover {
	padding:4px;
} */
.navbar-light .navbar-nav>li {
	margin-right: 6px;
}
.navbar-light .navbar-nav>li:last-of-type {
	margin-right: 0;
}

.dropdown-menu,
.navbar-light .navbar-nav>li>a:hover,
.navbar-light .navbar-nav>.active>a,
.navbar-light .navbar-nav>.active>a:hover,
.navbar-light .navbar-nav>.active>a:focus,
.navbar-light .navbar-nav>.open>a,
.navbar-light .navbar-nav>.open>a:hover,
.navbar-light .navbar-nav>.open>a:focus {
	/* background-color: #000; */
	color:#888;
}

.dropdown-menu {
	padding: 8px;
	box-shadow: none;
	border: none;
}
.dropdown-menu li a {
	padding: 4px 8px;
	border-radius: 4px;
}

.nav-dropdown-scroll {
	background: #555;
	box-shadow: 0px 10px 9px rgba(0, 0, 0, 0.4);
}

.navbar-toggle,
.navbar-light .navbar-toggle:focus,
.navbar-light .navbar-toggle:hover {
	background:#000;
}


/* Layout Styles
===================================*/
 section:not(:first-of-type),
section:not(:nth-of-type(n2)) {
	margin-top: 120px;
}

.section-two,
.section-three,
.section-four,
.section-five,
.section-six,
footer {
	padding-top: 120px;
}

.section-one, .cover {
	margin-top: 120px;
}


.section-one {
	padding:10% 5% 0 5%;
}

.section-two,
.section-three,
.section-four,
.section-five,
.section-six {
	padding:0 5% 0 5%;
}

.section-one h1 {
	padding-bottom: 40px;
}

.section-two p {
	color:#000;
}

.section-two h4 {
	color:#000;
}

.section-six h2 {
	margin-top:20px;
}



	/* Section Two (Live) styles
===================================*/
.live-text {
	color:#000;
	text-align: left;
  }
  
  .section-five-content {
	  text-align: left;
	  background-color: #fff;
  }
  .section-five-content video {
	  margin-top: 10px;
	  border: 1px solid #fff;
	  padding:0;
  }
  .section-five-content iframe {
	  margin-top: 10px;
	  border: 1px solid #fff;
	  padding: 0;
  }

.card-text {
	border-bottom: 1px #000 solid;
	padding: 15px 0px 15px 0;
	margin:0;
}

  
  .title-artist {
	font-size:large;
	font-weight:700;
	  font-style: italic;
  }

  button.btn.btn-info {
	background:#fff;
	color:#000;
	border:1px solid #ccc;
	/*margin:auto;
	padding: 3px;*/
	margin-bottom:20px;
  }
  
  button.btn.btn-info:hover {
	background:#000;
	color:#fff;
	border: 1px solid #ccc;
  }

  .live-text {
	color:#000;
	text-align: left;
  }
  /* To Top Button Styles
===================================*/
.top {
	display: none;
	background-color: #000;
	bottom: 2em;
	color: #fff;
	opacity:0.7;
	/* padding: 1.2em; */
	position: fixed;
	right: 1.5em;
	text-decoration: none;
	transition-duration: 1s;
}
.top:hover {
	opacity: 1;
	transition: 1s;
	text-decoration: none;
	color: #ccc;
}

/* jQuery Styles
===================================*/
.navbar-scroll {
	background: #fff;
	padding: 20px 0px 20px 0px;
	/*box-shadow: 0px 10px 20px rgba(151, 151, 151, 0.2); */
	transition-duration: 0.8s;
}

/* Footer Styles
===================================*/
footer {
	height: 100px;
	width: 100%;
	background: none;
	padding: 20px;
	text-align:center;
}

footer .tiny {
	font-size: xx-small;
	padding: 10px;
}



/* Audio Element stylings
====================================*/

.center-wrap audio {
	width:95%;
	min-width: 206px;
	height: 25px;
	margin:0;
	padding:0;
	vertical-align: bottom;
}

audio {
	width: 100%;
	min-width: 206px;
	height: 25px;
	margin:0;
	padding:0;
}

/* audio::-webkit-media-controls-panel
audio::-webkit-media-controls-mute-button
audio::-webkit-media-controls-play-button
audio::-webkit-media-controls-timeline-container
audio::-webkit-media-controls-current-time-display
audio::-webkit-media-controls-time-remaining-display
audio::-webkit-media-controls-timeline
audio::-webkit-media-controls-volume-slider-container
audio::-webkit-media-controls-volume-slider
audio::-webkit-media-controls-seek-back-button
audio::-webkit-media-controls-seek-forward-button
audio::-webkit-media-controls-fullscreen-button
audio::-webkit-media-controls-rewind-button
audio::-webkit-media-controls-return-to-realtime-button
audio::-webkit-media-controls-toggle-closed-captions-button */

audio::-webkit-media-controls-current-time-display,
audio::-webkit-media-controls-time-remaining-display {
	font-size: 80%;
}

audio::-webkit-media-controls-panel,
audio::-webkit-media-controls-mute-button,
audio::-webkit-media-controls-play-button,
audio::-webkit-media-controls-current-time-display,
audio::-webkit-media-controls-time-remaining-display,
audio::-webkit-media-controls-volume-slider-container,
audio::-webkit-media-controls-volume-slider,
audio::-webkit-media-controls-seek-back-button,
audio::-webkit-media-controls-seek-forward-button,
audio::-webkit-media-controls-fullscreen-button,
audio::-webkit-media-controls-rewind-button,
audio::-webkit-media-controls-return-to-realtime-button,
audio::-webkit-media-controls-toggle-closed-captions-button {
	border-radius: none;
	background-color: #000;
	backface-visibility: hidden;
	color:#555;
}

audio::-webkit-media-controls-timeline {
	background-color:  #000;
}

.blockquote {
	padding: 0 30px 5px 30px;
	font-weight: 400;
	font-style: italic;
	font-size: small;
	color: #555;
}

/* Helpers for top position on internal page links
====================================================*/
#spytop:before,
section:before {
  display: block;
  content: " ";
  margin-top: -100px;
  height: 100px;
  visibility: hidden;
}

/* responsive iframes */
.intrinsic-container {
  position: relative;
  height: 0;
  overflow: hidden;
}

/* 16x9 Aspect Ratio */
.intrinsic-container-16x9 {
  padding-bottom: 56.25%;
}

/* 9x16 Aspect Ratio */
.intrinsic-container-9x16 {
  padding-bottom: 177%;

}

/* 4x3 Aspect Ratio */
.intrinsic-container-4x3 {
  padding-bottom: 75%;
}

/* 4x4 Aspect Ratio */
.intrinsic-container-4x4 {
  padding-bottom: 100%;
}

.intrinsic-container iframe {
  position: absolute;
  top:0;
  left: 0;
  width: 100%;
  height: 100%;
}

.intrinsic-container video {
  position: absolute;
  top:0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* Extra small devices (phones, less than 768px) */
/* No media query since this is the default in Bootstrap */

/* Small devices (tablets, 768px and up) */
@media (min-width: @screen-sm-min) {
	.section-one-content, .section-five-content {
		padding: 40px 10px;
	}
}

	.cover,
	.section-one,
	.section-two,
	.section-three,
	.section-four,
	.section-five,
	.section-six {
		padding:10px;
		margin: auto;
	}

		.jumbotron {
			width: 100%;
		}
		.jumbotron h1 {
			font-size: 2em;
			padding:0px;
			text-align:left;
			font-family: 'Raleway', sans-serif;
			font-weight: 700;
		}




/* Medium devices (desktops, 992px and up) */
@media (min-width: @screen-md-min) { .section-one-content, .section-five-content {
		padding: 40px 20px;
	}
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: @screen-lg-min) { .section-one-content, .section-five-content {
		padding: 40px 40px;
	}
}