/*
 Theme Name:   ost_2
 Theme URI:    http://rainerlicht.de
 Description:  Theme for wendepunkt-raum.de
 Author:       Rainer Licht
 Author URI:   http://rainerlicht.de
 Template:     brigsby
 Version:      0.3
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 License font: SIL OPEN FONT LICENSE
 Tags:         responsive-layout, accessibility-ready
 Text Domain:  brigsby-child
 
 
    You will need to replace the example text with the details relevant to your theme.

    The Template line corresponds to the directory name of the parent theme. The parent theme in our example is the Twenty Fifteen theme, so the Template will be twentyfifteen. You may be working with a different theme, so adjust accordingly.

    The only required child theme file is style.css, but functions.php is necessary to enqueue styles correctly 
Helles Grün: #a7c064
Dunkles Grün: #348a5e
*/

body {
	background-color:#a7c064;
	font-family: signikaregular, Arial, Helvetica, sans-serif;
	font-size: 100%;
	line-height: 1.6em;
}

a {
	font-weight:bold;
	font-style:italic;
}

p {
	font-family: signikaregular, Arial, Helvetica, sans-serif;
	font-size: 100%;
	color:#348a5e;
		margin: 1em 0;
}

.content-block-content p {
	margin: 0 0 0px;
}

li {
	font-family: signikaregular, Arial, Helvetica, sans-serif;
	font-size: 100%;
	color:#348a5e;
	margin-left:0em;
}

ul {
	list-style-position:inside;

}

h1 {
	font-family: signikabold, Arial, Helvetica, sans-serif;
	font-size: 150%;
	color:#348a5e;
}

h4.content-block-title {
	margin: 0 0 10px;
	font-size: 1.0em;
	height: 4em;
	min-height:4em;
}

/*Font*/

@font-face {
    font-family: 'signikabold';
    src: url('fonts/signika-bold-webfont.woff2') format('woff2'),
         url('fonts/signika-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'signikaregular';
    src: url('fonts/signika-regular-webfont.woff2') format('woff2'),
         url('fonts/signika-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

.content-block-style1, .content-block-style2, .content-block-style3 {
	text-align: left;
}

/*Startseite*/

#site-logo {
	margin-top: 0%;
}

.content-blocks-widget .content-block-column div.content-block {
	border-width: 0px 0px 0px 0px;
	border:none;
}

.frontpage-area .widget {
	margin: 1.786em 2em;
}

.site-logo-image #site-description {
	display:none;
}

.hgrid-span-12 {
	width: 100%;
	margin-top: 0%;
}

.main-navigation li.current_page_item > a, .main-navigation li.current-menu-item > a, .main-navigation li.current_page_ancestor > a, .main-navigation li.current-menu-ancestor > a {
    color: #fff;
    font-weight: bold;
}

.frontpage-area:first-child .frontpage-slider.hgrid .lSSlideOuter {
	margin-top: 0px;
}

[class*="hgrid-span-"], [class*="hcolumn-"] {
	padding: 0px 0px 0px 0px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
	position: relative;
}

.hootslider-image-slide-content {
	margin-left: 32%;
	text-align: center;
	margin-bottom: 30%;
}

.lightSlider .style-dark-on-light h1, .lightSlider .style-dark-on-light h2, .lightSlider .style-dark-on-light h3, .lightSlider .style-dark-on-light h4, .lightSlider .style-dark-on-light h5, .lightSlider .style-dark-on-light h6 {
	color: #348a5e;
	font-size:200%;
}

h4.content-block-title a {
	font-style: normal;
}

/*Header*/

#header-supplementary > .hgrid {
	border-bottom: solid 0px #ddd;
}

/*Navigation*/

.header-supplementary-center {
	background-color:#348a5e;
}

.menu-items > li > a {
	color: #FFFFFF;
	font-style: normal;
}

.menu-items > li > a:hover {
	color: #d0d0d0;
}

#menu-item-103 a {
	color: #000000;
	background-color: #a7c064;
	margin-top: 0.3em;
	margin-bottom: 0.3em;
	padding-left: 0.4em;
	padding-top: 0.5em;
	padding-right: 0.6em;
	padding-bottom: 0em;
}

#menu-item-103 a::before {
	content: url(./images/icon-kontakt.gif);
	vertical-align:text-top;
}
/*home*/


.home .entry-title {
	display:none;
}


.child-page .entry-header {
    margin-top: -92%;
    margin-bottom: 87%;
    margin-left: 0%;
}

.child-pages {
    border-top: 0px solid #f2f2f2;
}

.child-page .entry-title {
    background-color:rgba(233,233,233,0.75);
    padding: 0.2em;
    width: 235px;
	font-family: signikaregular, Arial, Helvetica, sans-serif;
	font-size: 120%;
}

.child-page .entry-title a{
	font-family: signikabold, Arial, Helvetica, sans-serif;
	font-size: 120%;
}
/*Page Header (Titel)*/

.entry-header {
	margin-left:3.5em;
	margin-top:2em;
}

#content #loop-meta.pageheader-bg-default, #content #loop-meta.pageheader-bg-incontent, #content #loop-meta.pageheader-bg-both {
	background: #fff;
	padding: 25px;
	padding-top:5px;
	padding-bottom:5px;
	border: none; /*solid rgba(0, 0, 0, 0.1);*/
	border-width: 1px 2px 2px 1px;
}

/*Content*/

#main.main {
	padding-bottom: 3em;
	overflow: hidden;
	padding-top: 0em;
}

#page {
	background-color:#ffffff;
}

.entry-content-featured-img {
	max-width: 40%;
	padding-top: 2em;
}

.hero {
	background-color:#FFFFFF;
}

.hero-content {
  height: 621px;
}
/*.hero img {
  height: 621px;
}*/

.entry-thumbnail, .post-thumbnail {
	background-color:#FFFFFF;
	background:none;
}

.entry-thumbnail {
	margin-left: 0%;
	min-height: 153px;
}

.entry-content-featured-img {
	margin: 0 auto 0em;
}

/*.site-content {
	margin-left:0%;
	width:100%;
	background-color:#ffffff;
}
*/
.entry-content {
	border-bottom: solid 0px #ddd;
	margin-left: 5em;
	margin-right: 5em;
}

.entry-the-content {
	margin-bottom: 0em;
}

*/

#comments-template {
	padding-top: 0em;
	display: none;
}

/*Kontaktformular*/

div.wpcf7 {
	float: left;
}

.hoot-cf7-style .wpcf7-form p {
	text-transform: uppercase;
	width: 100%;
	margin-right: 5%;
	float: left;
}

label {
	display:contents;
}

form {
	width: 63%;
}

input[type="submit"], #submit, .button {
	background: #348a5e;
	color: #FFF;
}


/*Footer*/

/*.site-footer .sidebar-container {
    background-color: #71b96f;
    padding: 10px 0;
}*/

#footer {
	background-color: #348a5e;
}

.footer {
	border-top: solid 0px #ddd;
}

#footer a {
	color: #fff;
	font-style: normal;
	font-size: 90%;
}

#footer ul {
	margin-left: 5em;
}

.footer .widget {
	margin: 8px 0;
}

.hgrid-span-8 {
	width: 58.667%;
}

.site-footer li{
	font-size:50%:
	list-style:none;
	float:left;		
}

@media screen and (min-width: 768px) {
	.main-navigation .nav-menu > li > a::after, .main-navigation .menu > li > a::after {
    color: #ffffff;
    content: " \2022";
    margin-left: 1em;
	}
	
	#comments-template {
	padding-top: 0em;
	display: none;
	}
}

@media screen and (min-width: 998px) {
	.content-wrapper.full-width.with-featured-image {
		margin: 0em 1.98%;
	}
	.child-page {
		width: 215px;
		max-width: 100%;
		margin: 0 60px 0 0;
/*		margin-right: 57px;*/
		margin-bottom: 0px;
	}

	.entry-thumbnail {
    margin-left: 15%;
	min-height:153px;
	}
	
	.home .entry-thumbnail {
    margin-left: 0%;
	}
	#post-11 {
		margin-right:38px;
	}
	
	#comments-template {
	padding-top: 0em;
	display: none;
	}

	#comments-template {
	padding-top: 0em;
	display: none;
	}
}

@media screen and (min-width: 1180px) {
	.content-wrapper.full-width.with-featured-image {
		margin: 0em 1.98%;
	}
	.child-page {
		width: 215px;
		max-width: 100%;
		margin: 0 60px 0 0;
/*			margin-right: 57px;*/
			margin-bottom: 0px;
	}
	.entry-thumbnail {
    margin-left: 15%;
	min-height:153px;
	}
	
	.home .entry-thumbnail {
    margin-left: 0%;
	}
	#post-11 {
	margin-right:61px;
	}
	.main-navigation .nav-menu > li > a::after, .main-navigation .menu > li > a::after {
    color: #ffffff;
    content: " \2022";
    margin-left: 1em;
	}
	.main-navigation ul li.menu-item-103 {
    border: 0 none;
    display: inline-block;
    margin-top:0.5em;
	padding: 0.6em 0em 0em 1em;
    position: relative;
	background-color:#a7c064;
	}

	.main-navigation .nav-menu > li:last-child > a::after, .main-navigation .menu > li:last-child > a::before{
	content:url(images/icon-kontakt.gif);
	padding-right: 1px;
	margin-top:1em;
	vertical-align:top;
	}

	.main-navigation .nav-menu > li:last-child, .main-navigation .menu > li:last-child {
    padding-right: 3em;
	}
	#footer-menu li{
	font-size: 100%;
	list-style: none;
	float: left;
	margin-left: 1em;
	margin-top: 0.5em;
	}
	#comments-template {
	padding-top: 0em;
	display: none;
	}
	
}

@media screen and (max-width: 800px) {
	.hootslider-image-slide-content {
	margin: 0;
	}
	
	.hootslider-image-slide-caption {
	padding: 10px 21px;
	}
	
	#site-description {
	display: none;
	}
	
	.frontpage-area .widget {
	margin: 0em 1em;
	}
	.content-blocks-widget {
	margin: 0px 0;
	}
	
	.comments-closed {
	display:none;
	}
	
	.entry-header {
	margin-left: 1.5em;
	margin-top: 2em;
	}
	.entry-content {
	border-bottom: solid 0px #ddd;
	margin-left: 3em;
	margin-right: 3em;
	}
	.menu-items > li > a {
	color: #348a5e;
	font-style: normal;
	}
	.menu-items > li > a:hover {
	color: #348a5e;
	font-style: normal;
	}
	
	.mobilemenu-fixed #menu-primary-items, .mobilemenu-fixed #menu-secondary-items {
	width: 200px;
	}
	
	.hgrid-span-8 {
	width: 85.667%;
	}
	
	form {
	width: 100%;
	}
	.site-footer li {
	font-size: 50%: list-style:none;
	float: none;
	}
	
	#footer img {
	margin: 0 83px;
	}

}