/*
Theme Name: TheGem Child
Description: Multi-Purpose Wordpress Theme
Author: Codex Themes.
Theme URI: http://codex-themes.com/thegem/
Author URI: http://codex-themes.com/thegem/
Template: thegem
Version: 1.0
Tags: one-column, two-columns, left-sidebar, right-sidebar, responsive-layout, custom-background, custom-colors, custom-header, custom-menu, featured-images, flexible-header, full-width-template, theme-options, translation-ready, dark, light
License: GNU General Public License
License URI: license.txt
*/

.block-content{
 padding:0px 0px 0px 0px !important;
}

/* Headder Styling */

#site-header{
	background-color:#51504f;
	margin-left:0px;
	padding-left:0px;
}
.site-title{
	padding:0px;
}
#primary-menu > li a,
#menu-footer > li a{
	line-height:100% !important;
	padding:0px 8px 0px 10px !important;
	border-right:0px !important;
	border-top:0px !important;
	border-bottom:0px !important;
	border-left:1px solid #FFFFFF !important;	
	text-transform:none !important;
	font-size:18px !important;
	letter-spacing:2px !important;
	font-weight:300 !important;
}
#primary-menu > li a:hover,
#menu-footer > li a:hover{
	color:#76c4b4 !important;
}
#primary-menu > li:first-child a,
#menu-footer > li:first-child a{
	border-left:0px !important;
}

/* Footer Styling */
.footer_links{
	color:#FFFFFF !important;
	line-height:100% !important;
	text-transform:none !important;
	font-size:18px !important;
	letter-spacing:2px !important;
	font-weight:300 !important;
}

/* Post Grid Styling */

.vc_gitem-post-data-source-post_title h3{
	color: #ffffff;
}
.vc_gitem-post-data-source-post_excerpt{
	color: #ffffff;
}

/* Blog Posts Styling */

.blog-bild{
	max-height:400px;
	vertical-align: middle;
}

/* Bild Über Mich Rahmenfarbe */

.vc_box_border_mulled_wine{
    background-color:#51504f !important;
}

/* Buttons Text strecken */

.vc_btn3{
	letter-spacing:2px !important;
}

/* Tablet und Mobile Styling */

@media(max-width: 1199px){
	.blue_triangle{
		display:none;
	}
}

@media(min-width: 770px){
	.mobile_show{
		display:none !important;
	}	
}

@media(max-width: 769px){
	.desktop_show{
		display:none !important;;
	}
	#primary-menu > li a,
	#menu-footer > li a{
	border-left:0px !important;
	font-size:24px !important;
	}
}

/* kontaktformular styling, button styling */

.wpcf7-submit{
	font-family:'Source Sans Pro' !important;
	color:#FFFFFF !important;
	border:2px solid #FFFFFF !important;
	border-radius:0px !important;
	background-color:transparent !important;
	font-size:16px !important;
	text-transform:uppercase !important;
	font-weight:400 !important;
	letter-spacing:2px !important;
	padding:15px 30px !important;
	height:auto !important;
	line-height:100% !important;
}
.wpcf7-submit,
.vc_btn3-color-black{
	color:#51504f !important;
	border:2px solid #51504f !important;
}
.vc_btn3:hover,
.wpcf7-submit:hover{
	color:#FFFFFF !important;
	background-color:#51504f !important;
	border-color:#51504f !important;
}

.wpcf7-form-control.wpcf7-text{
	border:2px solid #51504f !important;
}
.wpcf7-form-control.wpcf7-textarea{
	border:2px solid #51504f !important;
}

.wpcf7 form.sent p {
	display:none !important;
}
div.wpcf7 .ajax-loader{
	display:block !important;
	margin:10px auto !important;
	background-size:cover !important;
	width:16px !important;
	height:16x !important;
}
.wpcf7-response-output{
	padding:30px !important;
	color:#000000 !important;
	font-size:18px !important;
	margin:0px 0px 50px 0px!important;
	border-radius:3px !important;
	border-color:#333333 !important;
}
.wpcf7-response-output.wpcf7-mail-sent-ok{
	background-color:#333333 !important;
	border:1px solid #333333 !important;
}
.wpcf7-response-output.wpcf7-validation-errors{
	background-color:#333333 !important;
	border:1px solid #333333 !important;
}
span.wpcf7-list-item.first.last{
	display:flex !important;
}
span.wpcf7-list-item.first.last > input{
	display:inline-block;
	width:20px !important;
	height:20px !important;
	margin:3px 10px 0px 0px !important;
}