/*
	Theme Name: WerkStatt Child Theme
	Theme URI: http://themeforest.net/user/fuelthemes
	Description: <strong>A Premium theme for magazine, editor, community and more! WordPress Theme by <a href="http://www.themeforest.net/user/fuelthemes">fuelthemes</a></strong> – Update notifications available on Twitter and Themeforest <a href="http://twitter.com/anteksiler">Follow us on twitter</a> – <a href="http://themeforest.net/user/fuelthemes">Follow us on Themeforest</a>
	Version: 1.0.0
	Author: fuelthemes
	Template: werkstatt
	Text Domain: werkstatt
*/

.grecaptcha-badge { visibility: hidden; }

.top_title h2{
	font-size:32px;
}

body{
	font-family: futura-pt, "Noto Sans", sans-serif;
	font-weight: 300;
}

.menu-item a{
	letter-spacing: 0.1em;
	font-family: futura-pt, "Noto Sans", sans-serif;
	font-weight: 500;
}

h1, h2, h3, h4, h5, h6{
	letter-spacing: 0.1em;
	font-family: futura-pt, "Noto Sans", sans-serif;
	font-weight: 600;
}

h1, h2, h3, h4, h5, h6{
	letter-spacing: 1px;
	line-height: 1.6;
}


h1{
	font-size: 32px;
}

h2{
	font-size: 28px;
}

h3{
	font-size: 24px;
}

h4{
	font-size: 20px;
}

h5{
	font-size: 16px;
}

h6{
	font-size: 14px;
}

li{
	font-size: 14px;
	line-height: 2;
}

footer p, .widget p, .widget{
	font-size: 14px;
}

p, .portfolio-title h4 div{
	font-size: 15px;
	line-height: 2;
	font-family: "futura-pt", Noto Sans, sans-serif;
	font-weight: 300;
}

label{
	font-size: 14px;
}

body .wpcf7-spinner{
	display:none;
}

body input[type="submit"], body .button, body .btn{
	border: 2px solid #111;
}

body input[type="submit"]:hover, body .button:hover, body .btn:hover{
	background-color: #fff;
	color: #111;
}

p:has(input[type="submit"]){
	text-align: center;
}

body .vc_btn3.vc_btn3-color-black, body .vc_btn3.vc_btn3-color-black.vc_btn3-style-flat{
	color: #fff;
	background-color: #111;
	border: 2px solid #111;
}

body .vc_btn3.vc_btn3-color-black.vc_btn3-style-flat:focus, body .vc_btn3.vc_btn3-color-black.vc_btn3-style-flat:hover, body .vc_btn3.vc_btn3-color-black:focus, body .vc_btn3.vc_btn3-color-black:hover{
	color: #111;
	background-color: #fff;
	border: 2px solid #111;
}

#sb_instagram .sb_instagram_header, .sb_instagram_header{
	padding: 0 0 12px 0;
}

body #sb_instagram #sbi_load .sbi_load_btn, body #sb_instagram .sbi_follow_btn a{
	color: #fff!important;
}

.blog-container .thb-page-header{
	margin-top: 60px;
}

.crown_img img{
	width: 50px;
	height: 50px;
}

body #scroll_to_top{
	border-color: #111;
}

body #scroll_to_top svg{
	fill: #111;
}

body #scroll_to_top:hover{
	border-color: #111;
	background-color: #111;
}

body .vc_btn3.vc_btn3-color-inverse.vc_btn3-style-outline{
	color: #111;
	border-color: #111;
	font-weight: 500;
	min-width:150px;
}

input[type="submit"].thb-border-style, .button.thb-border-style, .btn.thb-border-style{
	font-weight: 500;
}

body .vc_btn3.vc_btn3-color-inverse.vc_btn3-style-outline:focus, body .vc_btn3.vc_btn3-color-inverse.vc_btn3-style-outline:hover{
	border-color: #111;
	background-color: #111;
}

h1,h2,h3,h4,h5{
	letter-spacing: 1.5px;
}

.overlay_text a::after{
	display:none;
}

.overlay_text a:hover{
	color: #d3cab2;
}

.link_wrapper:hover .overlay_text a{
	color: #d3cab2;
}

.link_wrapper .wpb_wrapper{
	display: table;
	position: relative;
}

.white_text a{
	color: #ffffff;
}

.overlay_text{
    position: absolute;
    display: table-cell;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%;
	text-align: center;
}

.overlay_text h2{
	font-size: 3rem;
}

#mobile-menu .thb-close path{
	stroke: rgba(0, 0, 0);
}

#mobile-menu .menu-footer{
	color: #111111;
}

.thb-portfolio .type-portfolio.title-center .portfolio-link{
	background: rgba(211, 202, 178, 0.7);
}

#mobile-menu{
	background: #d3cab2;
}

.thb-mobile-menu a{
	color: #111111;
}

#scroll_to_top{
	border: 1px solid #777777;
}

#scroll_to_top svg{
	fill: #777777;
}

.pc{
	display: block;
}

.sp{
	display: none!important;
}

.hero_title p{
	font-size: 9vw;
	font-weight: 500;
	color:#222222;
	width: 100%;
	text-align: left;
	line-height: 1;
	margin-left:30px;
	letter-spacing: 0.05em;
}

.padding-1 .portfolio-holder{
	    padding-bottom: 100%;
}

.padding-2 .portfolio-holder{
	    padding-bottom: 200%;
}

.thb-page-header h1{
	font-size:32px;
}

.grecaptcha-badge{
	z-index:-9999;
}

@media screen and (max-width: 768px) {
	.pc{
		display: none!important;
	}

	.sp{
		display: block!important;
	}

	.hero_title p{
		font-size: 15vw;
		width: 100%;
		text-align: left;
		padding-left: 20px;
		box-sizing: border-box;
		margin-left: 0;
		letter-spacing: 0.05em;
	}
	
	.type-portfolio.medium-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
	
	.mobile-menu-top ul li{
		margin-bottom: 10px;
	}
	
	.thb-portfolio .type-portfolio:hover .portfolio-link, .thb-portfolio .type-portfolio.swiper-slide-active .portfolio-link, .thb-portfolio .type-portfolio.current .portfolio-link{
		opacity:0;
	}
	
	.top_title h2{
		font-size:28px;
	}
	
	#footer .column, #footer .columns{
		padding-left: 8.5%;
		padding-right: 8.5%;
	}

}

@media screen and (max-width: 640px) {
		.blog-container .small-12{
		padding-left: 10%;
		padding-right: 10%;
	}
}