/*
Theme Name: Riddim Posse
Theme URI: www.riddimposse.de
Author: Froschgift Team
Author URI: www.werbeagentur-froschgift.de
Description: Riddim Posse Band Template 2015
Version: 1.1
License: Private
License URI: www.werbeagentur-froschgift.de
Text Domain: Riddim Posse
*/

/* BASIS */
*{margin:0px; padding:0px;} *:focus {outline:0;}
body{background-color:#B89681; font-family:Arial, sans-serif;;}
a{text-decoration:none; font-weight:bold; color:#c90c32;}
p a:hover,h2 a:hover{background-color:#e4da5a;}
p,li{font-size:12px; line-height:18px; list-style:none}
img{border:none;}
h1{font-family:"coop_condensed",sans-serif; text-transform:uppercase; color:#000e1f; background:url(lib/headline.png) left top no-repeat; font-size:36px; display:flex; margin:-7px 0 20px -10px;}
h1 span{background-color:#e4da5a; margin-left:10px; padding:0 10px;}
h2{font-family:"coop_condensed",sans-serif; text-transform:uppercase; color:#c90c32; font-size:24px; letter-spacing:0px; margin-top:14px;}
h2 a{padding:0 3px;}
.clear{clear:both;}
::selection{background-color:#e4da5a; color:#23a66a;}
.social{width:24px; height:24px; display:block; background:bottom left no-repeat; background-size:24px; transition:.2s; float:right;}
.social.fb{background-image:url(lib/social_fb.png);}
.social.ms{background-image:url(lib/social_ms.png);}
.social.yt{background-image:url(lib/social_yt.png);}


/* HEADER */
header{width:100%; height:360px; background:url(lib/header.png) center bottom repeat-x;}
#header{width:960px; margin:0 auto; position: relative;}
#logo{width:663px; height:366px; background:url(lib/logo.png) center no-repeat; display:block; float:left;}
header nav {float:left; margin:80px 0 0 -120px;}
header nav li.menu-item {list-style:none; font-family:"coop_condensed",sans-serif; text-transform:uppercase; display:block;}
header nav li.menu-item a{color:#000e1f; background-color:#fff; font-size:40px; padding:0px 3px 0px 3px; line-height:35px;}
header nav li.menu-item a:hover{color:#c90c0f;}
header nav li.current-menu-item a{background-color:#EDE9B2;}
header .social{margin:40px 0 0 5px;}
header .social:hover{background-position:top;}
header .sprache {position:absolute; right:0px; top:70px; font-family:"coop_condensed",sans-serif; font-size:23px;}
header .sprache a:hover{color:#000;}

/* CONTENT */
#content{width:960px; margin:20px auto}
.bild{width:580px; display:block; background-repeat:no-repeat;}
article{width:580px; background-color:#fff; padding:0 60px 40px; margin:20px 0; float:left;}
article .bild{width:580px; height:390px; background-size:cover; margin-bottom:20px;}
article ul{-webkit-column-count:2; -moz-column-count:2; column-count:2; -webkit-column-gap:20px; -moz-column-gap:20px; column-gap:20px;}
article ul li:before {content:"▪ "; color:#C90C0F; font-size:14px; line-height:11px;}
#cboxOverlay {opacity:0.5; background:#000E1F;}
.bandmitglied{width:160px; padding-top:110px; margin:15px; text-align:center; background:no-repeat center top; display:inline-block;}
.bandmitglied h2{font-size:20px;}
.csRow h2{line-height:30px; font-size:24px; letter-spacing:1px; margin-top:0px; margin-right:25px;} .csRow p{margin-bottom:10px;line-height:30px; font-size:14px;}
#gallery-1 .gallery-item{text-align:left !important;}
#gallery-1 img {border-color:#E4DA5A !important;}


/* SIDE */
aside{width:190px; background-color:#fff; padding:0 20px 20px; margin:20px 0; float:right;}
aside .bild{width:190px; height:170px; margin-bottom:20px; background-size:contain;}
aside h1{margin-left:0px;}
aside h2{text-align:center;}
aside iframe{width:100%; height:455px;}

/* Player */
.cue-tracks{padding-top:10px !important;}
.cue-playlist .cue-track .cue-track-details .cue-track-title{font-family:"coop_condensed",sans-serif; text-transform:uppercase; color:#B89681 !important; font-size:24px; margin-top:14px;}
.cue-playlist.max-width-200 .cue-track.is-current .cue-track-details .cue-track-title{color:#c90c32 !important}
.cue-playlist .cue-track .cue-track-details .cue-track-artist{font-family:"Ubuntu",sans-serif;}
.cue-playlist.max-width-200 .cue-track .cue-track-details {padding:5px 0 !important; text-align:left !important; line-height: 14px;}
.cue-playlist .cue-track .cue-track-details .cue-track-title {margin-top:0px;}

/* Formular */
input.wpcf7-form-control,textarea.wpcf7-form-control {width:556px; max-width:calc(100% - 30px); padding:5px 10px; margin-bottom:10px; font-family:"coop_condensed",sans-serif; border:2px solid #e4da5a; font-size:24px;}
input[type="submit"]{width:170px; font-size:28px; background:#e4da5a; color:#000e1f; cursor:pointer;}
span.wpcf7-not-valid-tip {color:#C90C32 !important; margin:-10px 0 20px 0;}
div.wpcf7-response-output {font-family:"coop_condensed",sans-serif; font-size:24px; text-transform:uppercase; color:#c90c32; margin:0px !important; padding:0px !important; border:none !important;}
span.wpcf7-list-item {margin:0 0 30px 0 !important;}

/* FOOTER */
footer{width:100%; height:100px; padding-top:80px; background:url(lib/footer.png) center top repeat-x; text-align:center;}
footer .social{background-position:top; margin-left:5px;}
footer .social:hover{background-position:bottom;}
footer .socialicons{display:inline-block; margin-right:20px; height:33px; width:100px;}
footer nav{margin-left:20px; display:inline-block; width:60px; text-align:left; font-family:"coop_condensed",sans-serif; text-transform:uppercase;}
footer nav a{color:#000e1f;}
footer nav a:hover{color:#c90c32;}
footer nav li{line-height:9px; font-size:11px; letter-spacing:1px;}
footer .logosmall{width:59px; height:50px; background:url(lib/logo_s.png) center no-repeat; display:inline-block;}


/* RESPONSIVE */
@media screen and (max-width:1000px) {
  header{height:180px;}
  header #menuButton{display:block; position:absolute; top:40px; right:20px; background:url(lib/menu.png) center no-repeat; background-size:40px; width:40px; height:40px; cursor:pointer;}
  #header, #content{width:100%; margin:0;}
  #header nav {display:none; width:100%; float:none; position:absolute; right:0px; text-align:right; top:10px; background:#e4da5a; box-sizing:border-box; padding:20px; border-bottom:1px solid #b89681; z-index:1;}
  #logo{width:200px; height:110px; background-size:200px; margin-left:10px; z-index:2; position:relative;}
  #header .social {display:none;}
  #header .sprache{top:10px; right:20px;}
  #header nav {display:none;}
  article, aside {width:calc(100% - 40px); box-sizing:border-box; margin:20px; padding:0 20px 10px; text-align:center;}
  article iframe {width:100%; height:420px;}
  article img {max-width:100%; height:auto;}
  .widget-content p {text-align:center !important;}
  .bandmitglied{margin:15px 5px; width:130px}
}

@media screen and (min-width:1001px) {
  #header nav {display:block !important;}
}

@media screen and (max-width:800px) {
  article iframe {height:280px;}
  article ul {-webkit-column-count:1; -moz-column-count:1; column-count:1;}
}

@media screen and (max-width:460px) {
  article iframe {height:180px;}
}


/* SCHRIFTEN */
@font-face {
  font-family:'coop_condensed';
  src: url('lib/coop_condensed-webfont.eot');
  src: url('lib/coop_condensed-webfont.eot?#iefix') format('embedded-opentype'),
    url('lib/coop_condensed-webfont.woff2') format('woff2'),
    url('lib/coop_condensed-webfont.woff') format('woff'),
    url('lib/coop_condensed-webfont.ttf') format('truetype'),
    url('lib/coop_condensed-webfont.svg#coop_condensed') format('svg');
  font-weight: normal;
  font-style: normal;
}