@import url(http://fonts.googleapis.com/css?family=Open+Sans);
@import url(https://fonts.googleapis.com/css?family=Libre+Baskerville);

/*

Theme Name: Totenmusik
Theme URI: http://kmbmedia.de
Description: Ein individuelles WordPress Theme
Version: 1.0
Author: KMB Media Werbeagentur
Author URI: http://kmbmedia.de

*/

/* CORE */
body {
font-family: 'Libre Baskerville', serif;
color: white; 
font-size: 14px;
line-height: 140%;
background-color: black;
padding-top: 50px; 
}

/*
html { 
background: url(img/bg.jpg) no-repeat center center fixed; 
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
*/
a{
    white;
}

a:link		{ color: #fff; text-decoration: none; }

/*
a:link		{ color: #381A09; text-decoration: none;
-webkit-transition: color 0.2s ease-in-out;
-moz-transition: color 0.2s ease-in-out;
-ms-transition: color 0.2s ease-in-out;
-o-transition: color 0.2s ease-in-out;
transition: color 0.2s ease-in-out;
}
*/

a:visited	{ color: #636363; text-decoration: none; }
a:hover		{ color: #636363; text-decoration: none; }
a:active	{ color: #636363; }

a.post-edit-link { font-size: 12px; color: white; font-weight: normal; padding: 0px 20px; background: #01DF01; border-radius: 2px; position: fixed; bottom: 30px; right: 30px; opacity: .4; transition: opacity .3s ease; }
a.post-edit-link:hover { opacity: 1; }

a#vc_load-inline-editor { font-size: 12px; color: white; font-weight: normal; padding: 2px 20px; background: #01DF01; border-radius: 2px; position: fixed; bottom: 60px; right: 30px; opacity: .2; transition: opacity .3s ease, left .3s ease; } 
a#vc_load-inline-editor:hover { opacity: 1; }

p { margin: 10px 0 10px 0; }

.date { margin-bottom: 15px; }

img { border: 0; }

.alignleft	{ padding-right: 10px; float: left; }
.alignright { padding-left: 10px; float: right; }

.left	{ text-align: left; }
.right	{ text-align: right; }

.clear { clear: both; }

strong { font-weight: bold; letter-spacing: 1px; }

h1 { font-size: 22px; color: #000; font-weight: normal; line-height: 110%; }
h2 { font-size: 20px; color: #636363; font-weight: normal; line-height: 110%; margin-top: 25px; margin-bottom: 6px;}
h3 { font-size: 20px; color: #000; font-weight: normal; line-height: 110%; }

.dev { background: url('img/bg_dev.png'); }

.small { font-size: 13px; }

.show-for-small { display: none; }

.elastic { position: relative; padding-bottom: 25%; padding-top: 15px; height: 0; overflow: hidden; }
.elastic iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.kmb_logo { padding: 0px 0px 10px; }


/* LAYOUT */

#header { padding-top: 10px; background-color: #000000; opacity: 0.9; height: 30px; }

#sidebar { }

#content { /* min-height: calc(100vh - 535px); */}

#footer { }


/* INTERIOR */

#menu-header li { color: white; list-style-type: none; float: left; padding-right: 20px; }
#menu-header a { color: white; }
#menu-header a:hover { color: #606060; }
#menu-header li.current_page_item a { color: #606060; }

#menu-footer li { color: white; list-style-type: none; float: left; padding-right: 20px; font-size: 12px; }
#menu-footer a { color: white; }
#menu-footer a:hover { color: gray; }
#menu-footer li.current_page_item a { color: gray; }

/*
* WP-Paginate - WordPress Pagination Function
* Revision: $Id: wp-paginate.css 286636 2010-09-08 00:11:23Z emartin24 $
* Copyright (c) 2010 Eric Martin http://www.ericmmartin.com/projects/wp-paginate/
*/
.pages { padding-top: 30px; margin-bottom: 50px; }
.wp-paginate {padding:0; margin:0;}
.wp-paginate{ margin-top: 25px;}
.wp-paginate li {display:inline; list-style:none; margin-left: 0 !important; }
.wp-paginate a {border:0px solid #ccc; color:#fff; margin-right:4px; padding:10px 10px; text-align:center; text-decoration:none;}
.wp-paginate a:hover, .wp-paginate a:active {color:#636363;}
.wp-paginate .title {color:#555; margin-right:4px;}
.wp-paginate .gap {color:#999; margin-right:4px;}
.wp-paginate .current {color:#636363; border:0px solid #ccc; margin-right:4px; padding:10px 10px;}
.wp-paginate .page {}
.wp-paginate .prev, .wp-paginate .next {}

/* style overrides for comments pagination */
.wp-paginate-comments {}
.wp-paginate-comments li {}
.wp-paginate-comments a {}
.wp-paginate-comments a:hover, .wp-paginate-comments a:active {}
.wp-paginate-comments .title {}
.wp-paginate-comments .gap {}
.wp-paginate-comments .current {}
.wp-paginate-comments .page {}
.wp-paginate-comments .prev, .wp-paginate-comments .next {}


/* KONTAKT */
.wpcf7-text { width: 80%; height: 35px; background: transparent; }
.wpcf7-textarea { width: 80%; height: 150px; background: transparent; }

.wpcf7-submit {
width: auto;
height: auto;
background: none repeat scroll 0% 0% #BA9C00;
color: #FFF;
border: 2px solid #BA9C00;
font-size: 16px;
padding: 15px 40px;
margin: 0px 0px 0px;
align-content: center;
transition: all 0.2s ease-out;
cursor: pointer;
float: right;
margin-right: calc(20% - 44px);
}

.wpcf7-submit:hover { opacity: 0.8; }

select.wpcf7-form-control {
width: calc(80% + 43px);
height: 49px;
background: transparent url(img/pgl_arrow_down.png) no-repeat right -2px center !important;
border: 2px solid gray;
border-radius: 0;
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
-o-appearance: none;
apperance: none;
padding: 5px 70px 5px 20px !important;
margin-right: -50px !important;
text-indent : 0.01px;
text-overflow : '';
}

select.wpcf7-form-control::-ms-expand { display: none; }

span.wpcf7-not-valid-tip {
font-weight: 700;
margin: -24px 22px;
padding: 0px;
position: absolute;
top: 20px;
right: -6px;
}

div.wpcf7-response-output {
margin: 48px 0px 0px 0px !important;
padding: 5px 20px !important;
width: 80%;
}

.wpcf7-textarea, .wpcf7-text, select.wpcf7-form-control { 
border: 2px solid #e6e6e6; 
color: #999999;
border-radius: 0px;
font-family: "Source Sans Pro"; 
font-size: 19px; 
font-weight: 400;
padding: 5px 20px; 
margin: 0px 0px 20px;
background: none repeat scroll 0% 0% transparent;
transition: all 0.2s ease-out 0s;
outline: none;
} 

.wpcf7-textarea:hover, .wpcf7-text:hover, select.wpcf7-form-control:hover, .wpcf7-textarea:focus, .wpcf7-text:focus, select.wpcf7-form-control:focus { border: 2px solid #BA9C00; color: #000; } 

span.wpcf7-list-item { display: block; }


/* MEDIA */
@media only screen and (min-width: 960px) and (max-width: 1199px) { }

@media only screen and (min-width: 720px) and (max-width: 959px) { }

@media only screen and (max-width: 719px) {

.hide-for-small { display: none; }
.wpcf7-text, .wpcf7-textarea { width: 90%; }
.show-for-small { display: block; }
.container12 { padding-left: 10px; padding-right: 10px; }

}