/*
Welcome to Custom CSS!

To learn how this works, see http://wp.me/PEmnE-Bt
*/
input:invalid, textarea:invalid {
	border-color: #f0dddd;
	background-color: #ffffff;
}

div.wrapper-special {
	color: #ffffff;
}

div.wrapper-special .title-post {
	color: #ffffff;
}

#hermes-gallery .slide-wrapper2 {
	background: rgba(117,155,172,0.85);
	color: #fff;
}

#hermes-gallery .slide-title2 {
	display: inline-block;
	font-family: 'Playfair Display', Georgia, serif;
	font-weight: 400;
	line-height: 1.75em;
}

.read-more-anchor {
	background: #759bac;
	border: solid 1px #759bac;
	color: #fff;
	display: inline-block;
	padding: 5px 13px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.read-more-anchor:hover, .read-more-anchor:focus {
	background-color: #505f64;
	color: #fff;
}

.widget .hermes-related-page, aside .menu .menu-item {
	background-color: #759bac;
	border-right: solid 5px #fff;
	border-left: solid 5px #fff;
	line-height: 1.75em;
	margin-bottom: 1px;
	padding: 10px 10px 10px 15px;
}

.widget .hermes-related-page a {
	color: #fff;
}

.widget .hermes-related-page a:hover {
	color: #fff;
	text-decoration: underline;
}

.widget .widget_sp_image {
	height: auto !important;
}

@media screen and (max-width: 768px) {
	.btn_menu {
		background: #759bac url('wp-content/uploads/2015/06/menu-expand-iconv2.png') no-repeat right center;
		cursor: pointer;
		display: block;
		float: none;
		margin-right: 2%;
		margin-left: 2%;
		padding: 15px 0;
		width: 96%;
		height: 36px;
	}
	
	#logo .logo-img {
		height: auto;
		max-width: 50%;
	}
	
	.featured-pages .post-cover {
		max-width: 100% !important;
	}
	
	.featured-pages .post-content {
		float: left;
		display: block;
	}
}

@media screen and (max-width: 480px) {
	img.Thumbnail.thumbnail.thumb-featured-page {
		width: 100% !important;
		margin: 0 auto !important;
		max-width: 100% !important;
	}
	
	.wrapper.wrapper-slider {
		display: none;
	}
	
	div#GmediaGallery_10 {
		display: none;
	}
	
	.featured-pages .post-cover {
		margin-right: 5.5762%;
		width: 100% !important;
		text-align: center !important;
	}
	
	.wrapper.wrapper-secondary {
		display: none;
	}
}