/* general */
body {   }

p {
padding-bottom: 6px;
text-align: justify;
}

h1.color.mb {
  margin-bottom: 25px;
}

a:hover {
  color: rgb(141, 11, 22);
}

.mb { /* titles, orig margin-bottom 15px */
  margin-bottom: ;
}

/* correcting the 20px margin-bottom of the columns. better for text flow on mobile devices. */
.one_half, .one_third, .two_third, .three_fourth, .one_fourth, .two_fourth, .one_fifth, .two_fifth, .three_fifth, .four_fifth, .one_sixth, .five_sixth {
  margin-bottom: 0;
}

/* list correction (was like a and a:hover */
.circle-list li {
 color: rgb(54, 54, 54);
}
.circle-list li:hover {
 cursor: text;
}

/* little hover to total black */
p:hover, .circle-list li:hover {
 color: #000000;
}


@media only screen and (max-width: 479px) {
  #logo {
    display: none;
  }
  .separator-ct { /* seperators auf mobile verkleinern */
    height: 30px; 
    min-height: 30px;
/*    background-color: #aaaaaa;*/
  }
}

ul#menu {
  transition: all 0.2s;
  width: 100%;
  text-align: center;
}
.is-sticky ul#menu {
  text-align: right;

  width: auto;
}

/* thesouljukebox-logo in der navigationsleiste */
#logo {
  margin-left: -200px !important; /* margin-left ist direkt auf dem objekt, darum !important */
  margin-top: -30px !important;
  opacity: 0; /* unsichtbar wenn on top */
}
.is-sticky #logo {
  margin-left: 30px !important; /* margin-left ist direkt auf dem objekt, darum !important */
  opacity: 1; /* sichtbar wenn nicht on top */
  transition: margin 0.2s;
  -webkit-transition: margin 0.2s;
  -moz-transition: margin 0.2s;
  -o-transition: margin 0.2s;
}
#navigation #logo img {
  border-radius: 50%;
  width: 150px; height: 150px;
}
#navigation { /* für die lightbox-popups, damit die nicht hinder der nav sind! */
z-index: 999
}



/* raster vor dem separator ausblenden */
.pattern {
  display: none;
}

#arrow_left, #arrow_right { /* don't display arrows in the home slider */
 display: none;
}

input, textarea {
 border: 1px solid #adadad;
}

/* band-section // "team" */
#c-members div.ourteam {
 padding-top: 100px;
 padding-bottom: 100px;
}
.expand.team:hover > .team-overlay {
  margin-top: 205px;
}
.expand.team:hover h5.black {
  color: rgb(141, 11, 22);
}
.expand.team:hover p.team-function {
  color: rgb(0, 0, 0);
}

/* pictures section */
.attachment-thumbnail {
  border: 0 !important;
}

/* kontakt-section */
#contact-list li {
  font-size: 16pt;
  margin-bottom: 5px;
}
.contact-icon {
  color: rgb(141, 11, 22);
}

/* friends-section */
.friends-social {
	width:80px;
	height:80px;
	background-color:#363942;
margin-top: 0px;
	margin-right:30px;
	margin-bottom:30px;
	float:left;
	border-radius:40px;
	bottom:0px;
}

.friends-social:hover {
	background-color:#8D0B16;
		}

.friends-social img {
	padding:8px;
	opacity:1;
}


/* footer-corrections */
.footer ul.contactus {
display: none;
}
.copyright p {
  transition: all 0.1s;
}
.copyright p a:hover {
  color: rgb(141, 11, 22);
}
.copyright p a {
 color: #dddddd;
}
.copyright p:hover {
  color: #ffffff;
  opacity: 1;
}

@media only print {
  .separator-ct {
    height: 5px; 
    min-height: 5px;
    background-color: #000000;
  }
  .copyright p, .copyright p a {
    opacity: 1;
  }
  #navigation, #stratus, .wpcf7-form-control, .footer-social  {
    display: none;
  }
  .clearfix, .ourteam {
    padding: 0 !important;
  }
}