/*
 Theme Name:   Goedemorgen Child
 Theme URI:    http://goedemorgenwp.com/
 Description:  This is a child theme, based on Goedemorgen.
 Author:       Taras Dasshkevych
 Author URI:   http://goedemorgenwp.com/
 Template:     goedemorgen
 Version:      1.0.0
 Tags:
 Text Domain:  goedemorgen
*/

strong {
	font-weight: bold;
}

header#masthead {
	padding-left: 40px;
	padding-right: 40px;
}

header#masthead .site-title {
	font-family: Katibeh;
    font-size: 48px;
    font-weight: normal;
    margin-bottom: -20px;
}

.header-image {
	background-position: top ! important;
}

.site-navigation ul li {
	font-weight: bold;
}

.panel-section form.news-letter {
	text-align: center;
}

form.news-letter input {
	text-align: center;
	width: 310px;
}

@media only screen and (max-width: 576px) {
	.custom-background #page {
	    margin: 0;
	}
}

@media screen and (max-width: 760px) {
	form.news-letter input {
		width: 100%;
	}
	form.news-letter button {
		width: 100%;
	}
}

.panel-section .feature {
	width: 24.5%;
	display: inline-block;
	vertical-align: top;
	padding: 0 20px;
}

.panel-section .feature span {
	font-size: 48px;
	color: #0D9B8D;
}

.panel-section .feature p:nth-child(2) {
	display: none;
}

.panel-section:nth-child(1) {
	text-align: center;
}

.panel-section .page .words {
	width: 49%;
	display: inline-block;
	vertical-align: top;
}

.panel-section .page .entry-thumb {
	width: 45%;
	display: inline-block;
	vertical-align: top;
	margin-left: 4%;
}

@media screen and (max-width: 1270px) {
	.panel-section .feature {
		width: 48%;
	}
}

@media screen and (max-width: 760px) {
	.panel-section .feature {
		width: 100%;
	}

	.panel-section .page .words {
		width: 100%;
	}

	.panel-section .page .entry-thumb {
		width: 100%;
		margin: 40px 0 0 0;
	}
}


.ecae .ecae-button {
	margin-top: 20px;
}

.ecae .ecae-link span {
	font-size: 24px;
}

img.alignright { float: right; margin: 0 0 1em 1em; }
img.alignleft { float: left; margin: 0 1em 1em 0; }
img.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignright { float: right; }
.alignleft { float: left; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }

.blog .header-image {
	background-position: bottom ! important; 
}

.hfeed .hentry .featured-image {
	height: 300px;
}

.single .entry-header .entry-thumb {
	width: 50%;
	float: right;
	margin-left: 20px;
}


h3#blog-menu-title {
	display: inline;
}

.menu-blog-container {
	display: inline-block;
}

.menu-blog-container ul {
	padding: 0;
}

.menu-blog-container ul li {
	display: inline;
	margin-left: 20px;
	text-transform: uppercase;
	font-weight: bold;
}
.menu-blog-container ul li a {
	padding: 10px 20px;
	border: 1px solid lightgrey;
	border-radius: 5px;
}
.menu-blog-container ul li a:hover {
	background-color: #0d9b8d;
	color: white;
}