/*
Theme Name: Kita Stadtlernrat
Text Domain: KitaSER	
Version: 1.0.0
Description: Design für den Stadtelternrat Lingen
Author: the Frank Reiling
Author URI: https://solution-xl.de
*/

.specialarrow {
	font-size: 1.5rem;
	font-weight: bolder;
}

.fontbold {
	font-weight: bold;
}


body {
	background-image: url('img/bg/blume_flach.jpg');
	background-position: bottom;
	background-repeat: no-repeat;
	background-size: 100%;
}

.header-top .right li a {
    font-size: 14px;
}

.header-top {
	min-height: 65px;
}

.header-top.section-notch::before {
	background-position: bottom;
    background-image: none;
    background-repeat: repeat-x;
    width: 100%;
    z-index: 999;
}	

.logo img {margin-top: -12px;}

.main-menu ul li a {
	text-transform: none;
	font-weight: 500;
	font-size: 16px;
}

.main-menu ul li.current-page-ancestor a, .main-menu ul li.current-menu-item a {
	color: #18b477;
}

.main-menu ul li.current-page-ancestor ul li a, .main-menu ul li.current-menu-item ul li a{
	color: #555555;
}


.widget .widget-item .widget-wrapper li a.active {
	color: #18b477;
}

.widget .widget-item .widget-wrapper li .widget-post-thumb {
    width: 0;
    height: 0;
}

.widget .widget-item .widget-wrapper li .widget-post-thumb a img {
    width: 50px;
}

.widget .widget-item .widget-wrapper li .widget-post-content {
    width: calc(100% - 70px);
}

/* Content */
.blog-content-area h3 {
	margin-bottom: 10px;
	margin-top: 30px;
}

.blog-content-area p {
	line-height: 28px;
}

.blog-content-area ul:not(ul.widget-wrapper) {
	margin-left: 20px;
}

.blog-content-area li:not(ul.widget-wrapper li) {
	color: #555555;
	list-style-type: square;
	line-height: 28px;
}

.content-linklist a span i.arrowright {
	color: #bbb;
}

.blog-content-area img.alignnone, .blog-content-area img.alignright, .blog-content-area img.alignleft {
    max-width: 100%;
    height: auto;	
}

.blog-content-area img.alignnone {
	margin: 30px 0;	
}

.blog-content-area img.aligncenter {
	text-align: center;
	margin: 30px auto;
	display: block;
}

.blog-content-area img.alignright {
	float: right; 
	padding-left: 30px;
	padding-bottom: 20px;	
}

.blog-content-area img.alignleft {
	float: left; 
	padding-right: 30px;
	padding-bottom: 20px;
}


.feature-shape i {
	color: #fff;
	font-size: 3em;
	padding-top: 25px;
}

.feature-shape.xl-shape-green {
	background-color: #18b477;
	background-image: none;
	box-shadow: 0px 18px 30px 0px rgba(150,150,150,0.3);
}

.box-green {
	border: dotted 5px #e0e0e0
}

.color-green {
	color: #18b477 !important;
}

.box-green:hover {
	border: dotted 5px #18b477;
}

.feature-shape.xl-shape-blue {
	background-color: #37c5e9;
	background-image: none;
	box-shadow: 0px 18px 30px  0px rgba(150,150,150,0.3);
}

.box-blue {
	border: dotted 5px #e0e0e0;
}

.color-blue {
	color: #37c5e9 !important;
}

.box-blue:hover {
	border: dotted 5px #37c5e9;
}

.feature-shape.xl-shape-red {
	background-color: #f15d69;
	background-image: none;
	box-shadow: 0px 18px 30px  0px rgba(150,150,150,0.3);
}

.box-red {
	border: dotted 5px #e0e0e0;
}

.color-red {
	color: #f15d69 !important;
}

.box-red:hover {
	border: dotted 5px #f15d69;
}

.feature-shape.xl-shape-yellow {
	background-color: #ffcb5d;
	background-image: none;
	box-shadow: 0px 18px 30px  0px rgba(150,150,150,0.3);
}

.box-yellow {
	border: dotted 5px #e0e0e0;
}

.color-yellow {
	color: #ffcb5d !important;
}

.box-yellow:hover {
	border: dotted 5px #ffcb5d;
}

.feature-shape.xl-shape-orange {
	background-color: rgba(240,82,53,0.8);
	background-image: none;
	box-shadow: 0px 18px 30px  0px rgba(150,150,150,0.3);
}

.box-orange {
	border: dotted 5px #e0e0e0;
}

.color-orange {
	color: rgba(240,82,53,0.8) !important;
}

.box-orange:hover {
	border: dotted 5px rgba(240,82,53,0.8);
}

.feature-shape.xl-shape-brown  {
	background-color: #9e4d38;
	background-image: none;
	box-shadow: 0px 18px 30px  0px rgba(150,150,150,0.3);
}

.box-brown {
	border: dotted 5px #e0e0e0;
}

.color-brown {
	color: #9e4d38 !important;
}

.box-brown:hover {
	border: dotted 5px #9e4d38;
}

.feature-item .feature-content .feature-title.feature-title-green h3::after {
	background-color: #18b477;
	background-image: none;
}

.feature-item .feature-content .feature-title.feature-title-blue h3::after {
	background-color: #37c5e9;
	background-image: none;
}

.feature-item .feature-content .feature-title.feature-title-brown h3::after {
	background-color: #9e4d38;
	background-image: none;
}

.feature-item .feature-content .feature-title.feature-title-red h3::after {
	background-color: #f15d69;
	background-image: none;
}

.feature-item .feature-content .feature-title.feature-title-orange h3::after {
	background-color: rgba(240,82,53,0.8);
	background-image: none;
}

.feature-item .feature-content .feature-title.feature-title-yellow h3::after {
	background-color: #ffcb5d;
	background-image: none;
}

.feature-item {
	transition: 0.5s;
}

.feature-item:hover {
	cursor: pointer; 
	background-color: #fafafa;
}

/* Zitate */
.zitate p {
	color: #999;
	font-size: 1.2em;
}

.zitate p.zitate-author {
	text-align: right;
	font-size: 0.9em;
}

.zitate i.fa-quote-left {
	padding-right: 15px;
	font-style: italic;
} 

.zitate i.fa-quote-right {
	padding-left: 15px;
	font-style: italic;
} 

/* Filter Kitas */
#filtersection {
	background-color: #f6f6f6; 
	border: solid 1px #e6e6e6; 
	padding: 20px;
}

#filtersection .form-group label {
	color: #888;
	font-weight: bold;
	font-size: 16px;
}

/* Kacheln Kitas Übersicht */

.kita-overview h4 {
	font-size: 16px;
}