/*
Theme Name: FFW-Haaren
Theme URI: http://wp.hensen24.de/
Author: Michael Hensen	
Author URI: http://hensen24.de
Template: modality
Description: Responsive Design im Feuerwehr Style. Startseite animiert mit vielen Optionen.
Version: 1.0
Tags: black,white, blue, light, one-column, two-columns, right-sidebar, left-sidebar, fluid-layout, responsive-layout, custom-background, custom-menu, custom-colors, featured-images, post-formats, theme-options, threaded-comments, translation-ready, full-width-template, custom-header, featured-image-header
Text Domain: ffw
*/


#header-holder {
    height: auto;
  	width: 100%;

    min-height: 20px;
	z-index: 80;
	padding: 10px 0;
	border-bottom: 1px solid #eaeaea;
margin: 0 auto;
    position: relative;
}

#header-top {
    height: auto;
    padding: 8px 0;
    width: 100%;
margin: 0 auto;
}

#main {
    margin: 0 auto;
	width: 100%;
max-width: 1200px;
	overflow: hidden;
}

.about {
	width: 100%;
	position: relative;
	float: left;
margin: 10px 0 10px;

}

.about div,
#get-in-touch-wrap,
#social-wrap {
    display: block;
    overflow: hidden;
    padding: 2px 0;
    position: relative;
	text-align: center;
margin: 0 10px;
}

.back-to-top {
	position: fixed;
	bottom: 1em;
	right: 1em;
	text-decoration: none;
	font-size: 45px;
	padding: 0;
	display: none;
	z-index: 999;
}

.nav-bar .current_page_item > a,
.nav-bar .current_page_ancestor > a,
.nav-bar .current-menu-item > a,
.nav-bar .current-menu-ancestor > a {
	color: #fff;
	font-style: italic;
}

.sidebar .widget {
	margin-bottom: 10%;
	background: none repeat scroll 0 0 #FFFFFF;
	margin-bottom: 20px;
	padding: 5%;
	position: relative;
	z-index: 0;
	border: 1px solid #eaeaea;
	font-size: 14px;
}

.about {
	width: 100%;
	position: relative;
	float: left;
margin: 10px 0 10px;

}

.about div,
#get-in-touch-wrap,
#social-wrap {
    display: block;
    overflow: hidden;
    padding: 2px 0;
    position: relative;
	text-align: center;
margin: 0 10px;
}


.cta {
	width: 100%;
	position: relative;
	float: left;
margin: 10px 0 10px;
}

.get-strated-left {
	line-height: 2.2em;
	margin-left:15px;
}

.get-strated-button {
	width:auto;
	height: auto;
	padding:10px 25px;
	border-radius: 8px;
	margin-left:20px;
	margin-right:20px;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
	line-height: 3em;
	text-transform: uppercase;
	color: #ffffff;
}

.get-in-touch {
	width: 100%;
	position: relative;
	float: left;
margin: 10px 0;
}

.git-link{
	border-radius: 5px;
	box-shadow: 0px 1px 1px rgba(0,0,0,0.1);
	color: #fff;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
	border: 2px solid rgba(255,255,255,0.8);
	padding: 8px 5px;
	font-size: 18px;
	line-height: 30px;
	min-width: 120px;
	text-align: center;
	background: rgba(255,255,255,0.2);
	text-transform: uppercase;
}

.get-in-touch #get-in-touch-wrap div {
	padding: 25px 0;
}

input.search-field {
	box-sizing: border-box;
	padding: 6px;
	font-size: 14px;
    resize: none;
	width: 100%;
	font-weight: normal;
color: #000;
}