/*
	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
*/

:root {
  --mythic-black: #222;
  --mythic-yellow: #fdb71a;
  --mythic-light-gray: #dcdada;
}

h6 {
	text-transform: none;
}

.thb-mobile-menu .nav-link-mask-text {
    color: #c0c4ff;
}
#mobile-menu .thb-close path {
    stroke:#000 !important;
}
.section {
    margin:0 auto;
    padding:45px 0;
}
.btn-wrapper-centered {
    margin:0 auto;
    text-align:center;
    display:inherit;
}
.thb-portfolio .type-portfolio .portfolio-link {
    opacity:1 !important;
}
.thb-portfolio .type-portfolio h2 span:not(.next) {
    transform:translateY(0) !important;
}

.full-width-feed article {
    position: relative;
    margin-bottom:0;
}

.full-width-feed a {
    color:#fff !important;
}

.full-width-feed .blog-post-container {
    position: absolute !important;
    top:50%;
    left:0;
    transform: translateY(-50%);
    text-align:left !important;
    background:transparent !important;
    margin:0 !important;
    max-width:50%;
}

.full-width-feed .post-meta {
    display: none !important;
}

/* Grid CTA 

    REMOVED 10/1/21

    .grid-cta {
        padding-top:75% !important;
        padding-bottom:0 !important;
        background-position:center center;
        background-repeat:no-repeat;
        position:relative;
    }
    .grid-cta .vc_cta3_content-container {
        position:absolute;
        bottom:45px;
        color:#fff;
    }
    .grid-cta .vc_cta3_content-container h2,
    .grid-cta .vc_cta3_content-container h4,
    .grid-cta .vc_cta3_content-container p {
        color:#fff;   
    }

    .grid-cta .vc_cta3_content-container h4 {
    	font-size:14px;
    }

    .grid-cta .vc_cta3_content-container h2 {
    	font-size:28px;
    }

    .grid-cta .vc_cta3_content-container p {
    	padding-right:30px;
    }

    .grid-cta:hover {
        background-image: linear-gradient(var(--mythic-yellow), var(--mythic-yellow)) !important;
    }

    .grid-cta:hover .vc_cta3_content-container h2,
    .grid-cta:hover .vc_cta3_content-container h4,
    .grid-cta:hover .vc_cta3_content-container p {
        color:var(--mythic-black) !important;   
    }

*/

.post.style12 .post-gallery img {
    width:100%;
}

.post.style12 .post-gallery .post-category {
    background:var(--mythic-yellow);
    font-weight:bold;
}

/* Video BG Panel */
.thb_video_bg h4,
.thb_video_bg h2,
.thb_video_bg p {
	color:#fff !important;
}

.thb_video_bg a {
	color:var(--mythic-yellow);
	text-decoration: underline;
}

textarea {
    background:transparent !important;
}

.background-black {
    background-color:var(--mythic-black) !important;
}
.background-yellow {
    background-color:var(--mythic-yellow) !important;
}

.background-gray {
    background-color:var(--mythic-light-gray) !important;
}

.background-black h4,
.background-black h2,
.background-black p {
    color:#fff !important;
}

.has-background-image {
    background-size:cover;
    background-position: center center;
}

.two-column-intro.background-black h2 {
    color:var(--mythic-yellow) !important;
}

.image-full-width img,
.image-full-width .vc_single_image-wrapper {
    width:100%;
}

.wpb_single_image.wpb_content_element {
    margin-bottom:0 !important;
}

.split-feature {
    min-height:auto !important;
    padding:25px 0;
}

input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], textarea {
   border-bottom:1px solid var(--mythic-yellow) !important; 
}

/* Buttons */
.section.background-black .vc_btn3 {
	background: var(--mythic-yellow) !important;
	color: var(--mythic-black) !important;
	border:none !important;
	font-weight:bold;
}

.section.background-yellow .vc_btn3 {
	background: var(--mythic-black) !important;
	color: #fff !important;
	border:none !important;
	font-weight:bold;
}

.section.background-white .vc_btn3 {
    background: var(--mythic-yellow) !important;
    color: var(--mythic-black) !important;
    border:none !important;
    font-weight:bold;
}


.section .vc_btn3-container {
    margin-bottom:0;
}

/* Contact Form */
.wpcf7-form textarea {
	height:100px;
}

/* Team */
.thb-team-row .thb-team-member .team-information h6,
.thb-team-row .thb-team-member .team-information .job-title {
	color:var(--mythic-black);
}

.thb-team-row .thb-team-member .team-information h6:after {
	content:"/";
	margin-left:10px;
}

/* Footer */
.footer-link-main a {
	font-weight:bold;
	font-size:20px;
}

@media screen and (min-width:768px) {
    .section {
       padding:90px 0;
    }
}

@media screen and (min-width:992px) {
    .split-feature {
        min-height:100vh !important;
    }
}