/* See lesscss.org für usage */

/****************************************************************************************/
/*										Colors											*/
/****************************************************************************************/
@body-text : #333;
@body-bg :	#FFF;
@edit-link : #c00;
@blue : #5994db;
@green : #69bf44;
@red : #ea7c48;
@violett : #cd8dc4;
@yellow : #EF4A4A;
/****************************************************************************************/
/*										mixins											*/
/****************************************************************************************/
.border-radius (@top: 5px, @right: 5px, @bottom: 5px, @left: 5px) {
	border-radius: @top @right @bottom @left;
  	-moz-border-radius: @top @right @bottom @left;
	-webkit-border-radius: @top @right @bottom @left;
}

.box-shadow(@x-axis: 2px, @y-axis: 2px, @blur: 5px,  @spread: 1px, @alpha: 0.1) {
	-webkit-box-shadow: @x-axis @y-axis @blur @spread rgba(0, 0, 0, @alpha);
	-moz-box-shadow: @x-axis @y-axis @blur @spread rgba(0, 0, 0, @alpha);
	box-shadow: @x-axis @y-axis @blur @spread rgba(0, 0, 0, @alpha);
}

.opacity(@opacity: 0.5) {
  -moz-opacity: @opacity;
  -khtml-opacity: @opacity;
  -webkit-opacity: @opacity;
  opacity: @opacity;
  @opperc: @opacity * 100;
  -ms-filter: ~"progid:DXImageTransform.Microsoft.Alpha(opacity=@{opperc})";
  filter: ~"alpha(opacity=@{opperc})";
}


/****************************************************************************************/
/*										Layout											*/
/****************************************************************************************/

body {
	padding-top: 20px;
	padding-bottom:10px;
	color: @body-text;
    font: 12px/1.8em Arial,Helvetica,sans-serif;
}

#wrapper{
	margin: 0px auto;
	max-width:970px;
	position:relative;
}

#header{
	
	.logo{
		margin:5px;
	}
}

#main-nav{
	border-top:1px solid #e1e0e0;

}

#content{
	border:1px solid #e1e0e0;
	
	#content-main{
		padding:20px 20px 20px 20px;
	img {
    background: #FFFFFF;
    border: 1px solid #EAECEC;
    float: left;
    margin: 0 10px 0 0;
    padding: 4px;
}

	}
	
	#content-sidebar{
	
	}
}

#footer{

	margin: 10px auto;
	background: #F7F7F7;
    border: 1px solid #E1E0E0;
    max-width:970px;

p{margin:0;padding:0;}
    img {
    background: #FFFFFF;
    border: 1px solid #EAECEC;
    float: left;
    margin: 0 9px 9px 0;
    padding: 4px;}
    #footer-sidebar {padding: 0 20px 20px 20px;float:left;}
}


h1 {
    color: #0C80DA;
    font: 28px/2em Arial,Helvetica,sans-serif;
    letter-spacing: -2px;
    margin: 0;
    padding: 5px 0;
    width: 350px;
    line-height:1.2;
}
h1 a, h1 a:hover {
    color: #40B5FF;
    text-decoration: none;
}


h2 {
    color: #595959;
    margin: 8px 0;
    padding: 8px 0;
    font-size:1.5em;
    line-height:1.2;
}

p {
    font: 12px/1.8em Arial,Helvetica,sans-serif;
    margin: 8px 0;
    padding: 0 0 8px;
}

a {
    color: #2CADFF;
    text-decoration: none;
}
a:hover {
    text-decoration: underline;
}

.genericon:before, .menu-toggle:after, .featured-post:before, .date a:before, .entry-meta .author a:before, .format-audio .entry-content:before, .comments-link a:before, .tags-links a:first-child:before, .categories-links a:first-child:before, .edit-link a:before, .attachment .entry-title:before, .attachment-meta:before, .attachment-meta a:before, .comment-awaiting-moderation:before, .comment-reply-link:before, .comment-reply-login:before, .comment-reply-title small a:before, .bypostauthor > .comment-body .fn:before, .error404 .page-title:before{display: inline-block;
 font: 16px/1 Genericons;vertical-align: text-bottom;}
.entry-meta > span {margin-right:20px;}
.entry-meta .date a:before {
    content: "";
}
.categories-links a:first-child:before {
    content: "";
}
footer.entry-meta {clear:both;font-size:0.8em;}

.news-footer h4 {font-size: 12px;}

#slider {background:#fff;border:1px solid #e1e0e0;margin-bottom:10px;}

ul.sb_menu li  {
    background-color: #5994DB;
    color: #FFFFFF;
    display: block;
    line-height: 27px;
    margin-left: -12px;
    padding-left: 12px;
    text-decoration: none;
}

#content-sidebar .widget {
.textwidget {padding:0 15px}
h2 {margin-bottom:10px;line-height:1.4;font-size:13px;font-weight:bold;padding:5px 5px 5px 15px;background:#E4EEF8;}	
ul {list-style-type: none;margin:0;padding:0;}
li a{padding:5px 0 5px 10px;color:#fff;display:block;text-decoration:none;border-bottom:1px solid #fff;margin: 0 10px;
&:hover {background:#f0f0f0 !important;color:#fff;text-decoration:none;}
}
li:nth-child(1) a{background:@blue;}
li:nth-child(1) a:hover {background:lighten(@blue, 10%) !important;}
li:nth-child(2) a{background:@green;}
li:nth-child(2) a:hover {background:lighten(@green, 10%) !important;}
li:nth-child(3) a{background:@red;}
li:nth-child(3) a:hover {background:lighten(@red, 10%) !important;}
li:nth-child(4) a{background:@violett;}
li:nth-child(4) a:hover {background:lighten(@violett, 10%) !important;}
li:nth-child(5) a{background:@yellow;}
li:nth-child(5) a:hover {background:lighten(@yellow, 10%) !important;}

	border: 1px solid #EBEBEB;margin: 0 0 10px;padding: 5px 5px 10px;border-radius:5px;margin:20px 20px 20px 0;
}
#tribe-events-content.tribe-events-list {margin:0px; padding:20px !important;}
.single img {margin-bottom:20px !important;}
.tribe-events-adv-list-widget ol {margin:0;padding:0;}
#tribe-events-content {margin:0;padding:20px;}
.tribe-events-adv-list-widget .duration {padding:3px 10px;}
p.tribe-events-widget-link{text-align:center;}
.tribe-events-adv-list-widget ol li {margin-bottom:10px;}
.accordion br{height:0px;float:left;}
.accordion-heading,.accordion-title{background:lighten(@blue, 20%);
&:hover, .collapsed{background:@blue !important;outline:0 !important;}
}
.accordion-heading a{margin:0px !important;color:#fff !important;display:block;text-decoration:none;margin: 0 10px;
&:hover{color:#fff !important;text-decoration:none;}
}
.accordion-heading .accordion-toggle,.accordion-title {padding:5px 0 5px 10px !important;}
.accordion-title{font:12px/1.8em Arial, Helvetica, sans-serif;color:#fff;margin:0;cursor:pointer;
&:focus{outline:0;}
}
.accordion-content{border: 1px solid #e5e5e5;
    padding: 9px 15px;}
.screen-reader-text {
    left: -1000em;
    position: absolute;
}
.search-form .search-submit {
    display: none;
}
.search-form {position: absolute;
    right: 20px;
    top: 1px;
}
.search-field:focus{border:1px solid #81C962;width:260px;}
.search-field {
    background-color: rgba(0, 0, 0, 0);
    background-image: url("https://kita.christuskirche.de/wp-content/themes/bootstrap_child_1/img/search-icon.png");
    background-position: 5px center;
    background-repeat: no-repeat;
    background-size: 24px 24px;
    border: medium none;
    cursor: pointer;
    height: 30px;
    margin: 3px 0;
    padding: 0 0 0 34px;
    position: relative;
    transition: width 1000ms ease 0s, border 400ms ease 0s;
    width:180px;cursor:text;outline:0;border:1px solid #40B6FF;background-color:#fff;color:#333;
}
#mapviewer {max-width:100%;}
iframe {width:100% !important;margin-right:20px;}
.home h4.pull-left{display:none;}
.news {margin-top:20px;}

.img-container{height:150px;overflow:hidden;}



/****************************************************************************************/
/*										Main Nav										*/
/****************************************************************************************/
@media screen and (min-width: 767px){ 
	#main-nav{
		
		@dropdown: 3em;
		padding:10px 0;
		margin:10px 0 -8px 0;
		
		a{
			color:#FFF;
			display: block;
			text-decoration: none;
			color: @body-text;
			border-right: solid 1px #e0e1e0;
					
		}
		
		
		
		ul {
			list-style: none;
			padding-left: 0;
			margin: 0px;
			
			ul {
				display: none;
				float: left;
				margin: 0;
				position: absolute;
				top: @dropdown;
				left: 0;
				z-index: 99999;
				
				
				
				ul {
					left: 100%;
					top: 0;
				}
				
				li{
					border-bottom: 1px dotted #FFF;
					padding: 0px;
					
					a {
						height: auto;
						width: 188px;

					}
					
				}
			}
			
			li {
				float: left;
				position: relative;
				a{padding: 2px 20px;		
				}
				&:hover > ul {
					display: block;
				}
			&:last-child a{border:0;} 
			}
			
			li:hover > a,  ul ul :hover > a, a:focus { color:#40B6FE;}
			li:hover > a,  a:focus { }
			
		}
		
		
		
		#menu-mobile-icon{
			display: none;
		}
		.current-menu-item > a, .current-menu-ancestor > a, .current_page_item > a, .current_page_ancestor > a {color:#40B6FE;}
			
	}
}


/****************************************************************************************/
/*										Footer Nav										*/
/****************************************************************************************/
#footer-nav{
		
	ul{
		margin:5px 0px;
		li{
			display: inline;
			padding:5px;
			
			&:after{
				content: " \B7 \ "; /*Middot*/
				color: #FFF;
			}
			
			&:last-child:after{
				content: "";
			}
			
			a{color:#fff;}
		}
	}
	
	
	
}

/****************************************************************************************/
/*										Posts											*/
/****************************************************************************************/
.nopost{}
.wp-post-header{}
.wp-post-title{}
.wp-post-summary{}
.wp-post-content{}
.wp-post-footer{}
.wp-post-categories{}
.wp-post-tags{}


/****************************************************************************************/
/*										Pages											*/
/****************************************************************************************/
.wp-page-header{}
.wp-page-title{}
.wp-page-content{}
.wp-page-footer{}

/****************************************************************************************/
/*										Search											*/
/****************************************************************************************/
#searchform{
	margin-top: 10px;
}

.search-result{
	
}
/****************************************************************************************/
/*										Gallery											*/
/****************************************************************************************/
.gallery{
	
	img{
		padding:5px;
		background-color: #FFF;
		border: 1px solid #CCC !important;
		border-radius: 5px 5px 5px 5px; 
	}
	
	.gallery-caption{
		font-style: italic;
	}
	
	.gallery-item{
		margin: 0px;
	}
	
}


/****************************************************************************************/
/*										Comments										*/
/****************************************************************************************/

#comments{
	.commentlist{
		list-style-type: none;
	}
	
	.children{
		list-style-type: none;
	}
	.comment-block{margin-top: 15px;}
	.comment-block .fn{text-transform: capitalize; font-weight: bold;}
}


/****************************************************************************************/
/*										Shortcodes										*/
/****************************************************************************************/
.bildblock-container{
	margin-bottom: 10px;
	
	.bildblock-img-container{}
	.bildblock-img{width: 100%; height: auto;}
	.bildblock-content{}
}



/****************************************************************************************/
/*										Other											*/
/****************************************************************************************/
.wp-section-header h1{
	
}
.edit-link{
	a{color: @edit-link;}
}