/* Main Tags used on multiple pages */
/*-----------------------------------------------------------------------------------------------------*/
body {
  font-family: "Droid Sans", "Oswald", "Tahoma", sans-serif;
  font-size: 15px;
  line-height: 26px;
  color:#36454F; /*charcoal*/
  border:0;
  margin:0;
  padding:0;
  background:url(images/theme/nav-footer-bg.jpg) repeat; /*to fill whole screen if small content*/
}

.bg-norm { background:url(images/theme/content-bg.jpg) repeat; padding:0; }
.bg-spec { background:url(images/theme/nav-footer-bg.jpg) repeat; padding:0; }

.header {
  padding:25px 0px;
  color:#DF6500; /*orange*/
  font-style: italic;
}

.footer {
  padding:25px 0px;
  color:#DF6500; /*orange*/
}

/* Navigation */
/*-----------------------------------------------------------------------------------------------------*/
.nav-border-top { background:url(images/theme/nav-border-top.jpg) repeat-x top; }
.nav-border-bottom { background:url(images/theme/nav-border-bottom.jpg) repeat-x bottom; }
.nav-item:hover, .nav-item-active { background:url(images/theme/nav-active-orange.png) repeat-x center bottom; }

.navbar {
  padding: 26px 0px 0px 0px;
}

.toggle-button {
  margin-bottom: 26px;
  border:0;
  padding:0;
}

.toggle-icon {
  width: 26px;
  height: 26px;
}

.menu {
  display: block;
  font-family: 'Oswald', 'Impact', sans-serif;
  color: #FFFFFF; /*white*/
  font-size: 16px;
  text-transform: uppercase;
  text-shadow: 0px 0px 15px #FFFFFF; /*white*/
}

.menu-main {
  padding: 0px 25px 26px 25px;
}

.menu-sub {
  padding: 8px 20px;
}

a {
  color: #DF6500;  /*orange*/
  text-decoration:none;
}

a:hover, .active {
  color: #DF6500;  /*orange*/
  text-shadow: 0px 0px 15px #DF6500;  /*orange*/
}

/* Banners */
/*-----------------------------------------------------------------------------------------------------*/
.banner {
  padding:35px 0px;
}

.banner-image {
  padding:8px;
  border:1px solid #5C5858; /*gray dolphin*/
  border-radius:15px;
  background-color:#504A4B; /*gray wolf*/

}

/* Content */
/*-----------------------------------------------------------------------------------------------------*/
.content {
  padding-bottom:35px;
}

.content-outer {
  width:938px; /* Same as pictures width */
  padding:8px;
  border:1px solid #5C5858; /*gray dolphin*/
  border-radius:10px;
  background-color:#504A4B; /*gray wolf*/
}

.content-inner {
  background: url(images/theme/content-bg-white.jpg) repeat;
  padding:20px 30px;
  min-height:200px;
}

.content-title {
  font-size: 30px;
  padding: 8px 0px 3px 0px;
  line-height: 36px;
  font-family: 'Oswald', sans-serif;
  font-weight:bold;
  color:#00A36C; /*jade*/
  text-transform: uppercase;
}

.paragraph {
  line-height: 23px;
  padding: 8px 0px;
}

.last-edit {
  line-height: 23px;
  padding: 16px 0px 0px 0px;
  font-size:12px;
}

.track-title {
  font-size:13px;
  padding-bottom:5px;
}

.txt-link {
  font-size:13px;
  padding-top:5px;
}

.image-bordered {
  padding:3px;
  border:1px solid #E5E4E2; /*platinum*/
  background-color: #FFFFFF; /*white*/
}

.image-cr {
  border:0;
  padding:5px 0px;
}

.image-headshot {
  margin: 10px 0px 10px 10px;
  padding: 3px;
}

.flag-square {
  padding:0px 25px;
}

.flex-container-pa {
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:25px 25px;
}

.flex-container-vb {
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  align-items:flex-start;
  gap:25px 10px;
}

.flex-elem {
  width:160px;
}

.flex-elem-pa {
  width:150px;
}

/* Music */
/*-----------------------------------------------------------------------------------------------------*/
audio {
  min-width:330px;
  margin:25px 0px;
  box-sizing:content-box;
  border:3px solid #E5E4E2; /*platinum*/
  border-radius: 30px;
}

.mixcloud {
  width:80%;
  height:120px;
  max-width:560px;
  margin-top:25px;
}