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

@import url("assets/fonts/neue-hass-display/style.css");
@import url("../werkstatt/style.css");

/*
|--------------------------------------------------------------------------
| Overwrite
|--------------------------------------------------------------------------
*/
body {font-family: "Neue Haas Grotesk Display Pro", sans-serif; color: #000; line-height: 1.2}
h1, h2, h3, h4, h5, h6, b, strong {font-weight: 500;}
h1, h2, h3 {line-height: 1.1}
p {font-size: 22px; line-height: 1.1}
a:hover {color: #999999}




@media only screen and (min-width: 75em)
{
    h1 {font-size: 42px;}
}

.thb-portfolio .type-portfolio.style2 {padding-bottom: 20px;}
.thb-portfolio .type-portfolio.style2 .portfolio-holder .portfolio-inner {margin-bottom: 15px;}
.thb-portfolio .type-portfolio.style2 h2 {display: block; text-align: left; justify-content: left; font-size: 22px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.thb-portfolio .type-portfolio.style2 .thb-excerpt {font-size: 16px; text-align: left; height: 69px; overflow: hidden;}
.thb-portfolio .type-portfolio.style2 .thb-excerpt p {font-size: 16px; line-height: 22px;}

/*
|--------------------------------------------------------------------------
| Logo
|--------------------------------------------------------------------------
*/
@media only screen and (max-width: 75em)
{
    .header .logolink .logoimg {max-height: 75px;}
}

/*
|--------------------------------------------------------------------------
| Header Navigation
|--------------------------------------------------------------------------
*/
.thb-full-menu > li > a {font-size: 34px; font-weight: 500; color: #23282d;}
.thb-full-menu > li > a:hover {color: #999999;}

.thb-sub-menu {display : none;}
.thb-sub-menu > ul {list-style-type: none; margin: 0; padding: 0;}
.thb-sub-menu > ul > li {display: inline-block;}
.thb-sub-menu > ul > li:not(:first-child) {margin-left: 30px;}
.thb-sub-menu > ul > li > a {font-size: 21px; color: #23282d;}
.thb-sub-menu > ul > li > a:hover {font-size: 21px; color: #999999;}

@media only screen and (min-width: 75em)
{
    .thb-sub-menu {display: block}
}

body.single-portfolio header.header.hover .regular-header {height: 0 !important;}

/*
|--------------------------------------------------------------------------
| Footer Navigation
|--------------------------------------------------------------------------
*/
.footer .widget ul.menu {display: inline-block}
.footer .widget ul.menu > li {display: block; line-height: 1.2}
.footer .widget ul.menu > li > a {font-size: 19px; line-height: 1.2; color: #fff;}
.footer .widget .menu-footer-first-menu-container ul.menu > li > a {font-size: 40px; font-weight: 500;}

@media screen and (max-width: 576px)
{
    .footer .widget .menu-footer-first-menu-container ul.menu > li > a {font-size: 30px;}
}

/*
|--------------------------------------------------------------------------
| Logos page
|--------------------------------------------------------------------------
*/
.lo-logos-list {float: left; width: 100%; overflow: hidden;}
.lo-logos-list > .lo-logo {float: left; margin: 1px; position: relative; overflow: hidden;}
.lo-logos-list > .lo-logo.transition {transition: width 0.6s, height 0.6s; -webkit-transition: width 0.6s, height 0.6s;}

.lo-logos-list > .lo-logo.logo-sm, .lo-logos-list > .lo-logo.logo-md {cursor: zoom-in;}
.lo-logos-list > .lo-logo.logo-lg {cursor: zoom-out;}

.lo-logos-list > .lo-logo > img {display: block; max-width: inherit; width: auto; height: auto; z-index: 1;}

@media screen and (min-width: 2339px)
{
    .lo-logos-row {width: 2318px !important;}
}

@media (min-width: 1877px) and (max-width: 2338px)
{
    .lo-logos-row {width: 1856px !important;}
}

@media (min-width: 1413px) and (max-width: 1876px)
{
    .lo-logos-row {width: 1392px !important;}
}

@media (min-width: 949px) and (max-width: 1412px)
{
    .lo-logos-row {width: 928px !important;}
}

@media (min-width: 715px) and (max-width: 948px)
{
    .lo-logos-row {width: 696px !important;}
}

@media screen and (max-width: 714px) {

    .lo-logos-row {width: 464px !important;}
    .lo-logos-list > .lo-logo > img {width: 100%}
}


.lo-form input[type="text"], .lo-form textarea {border-bottom: 2px solid #000; font-size: 22px; color: #000;}
.lo-form input[type="text"]::placeholder, .lo-form textarea::placeholder {color: #000; opacity: 1;}
.lo-form input[type="text"]:-ms-input-placeholder, .lo-form textarea:-ms-input-placeholder {color: #000;}
.lo-form input[type="text"]::-ms-input-placeholder, .lo-form textarea::-ms-input-placeholder {color: #000;}
.lo-form textarea {background: none;}
.lo-form input[type="submit"] {height: 80px; font-size: 22px; font-weight: 500;}
.lo-form input[type="submit"]:hover {background: #eb4d00}
.lo-form .wpcf7-list-item {margin: 0; padding-left: 25px;}
.lo-form .wpcf7-list-item:not(:last-child) {margin-right: 20px; }
.lo-form .wpcf7-list-item > label {display: block; margin-bottom: 5px;}
.lo-form .wpcf7-list-item > label:hover {cursor: pointer}
.lo-form .wpcf7-list-item > label > input {display: none;}
.lo-form .wpcf7-list-item > label > span {position: relative; display: block; color: #000; font-size: 22px;}
.lo-form .wpcf7-list-item > label > span:before {position: absolute; top: 2px; left: -25px; display: block; height: 16px; width: 16px; border: 1px solid #d5d5d5; border-radius: 50%; background: transparent; content: '';}
.lo-form .wpcf7-list-item > label:hover > span:before {border-color: #cccccc;}
.lo-form .wpcf7-list-item > label > input:checked + span:after {position: absolute; top: 5px; left: -22px; display: block; height: 10px; width: 10px; border-radius: 50%; background: #d5d5d5; content: '';}
.lo-form-block {min-height: 20vh; border-bottom: 2px solid #000; padding-top: 30px; margin-bottom: 5vh;}
.lo-form-block-header {margin-bottom: 25px; padding-bottom: 12px; font-size: 22px; font-weight: 500; color: #000; border-bottom: 2px solid #000;}


.pagination-list ul {list-style-type: none; display: block; margin: 0; padding: 0}
.pagination-list ul > li {display: inline-block;}
.pagination-list ul > li:not(:last-child) {margin-right: 8px;}
.pagination-list ul > li > a {display: inline-block; font-size: 22px; font-weight: 500; color: #7f7f7f;}
.pagination-list ul > li > a:hover {color: #999999;}

.sitemap-alphabetical-menu {}
.sitemap-alphabetical-menu a {display: inline-block; font-size: 44px; font-weight: 500; line-height: 1;}

.ldh-alphabetical-menu p {font-size: 60px; font-weight: 500; line-height: 1;}
.ldh-alphabetical-menu a {display: inline-block; color: #999999;}
.ldh-alphabetical-menu a:hover, .ldh-alphabetical-menu a.active {color: #000;}

.list-of-anch p {margin-bottom: 1rem;}
/*
|--------------------------------------------------------------------------
| Other
|--------------------------------------------------------------------------
*/
.wpb_text_column table {font-size: 22px; line-height: 1.2}
.wpb_text_column table td {padding-bottom: 15px;}

.vc_custom_heading a:hover {color: #999999 !important;}

.font-size-18, .font-size-18 p, .font-size-18 table {font-size: 18px; line-height: 1.2;}


.portfolio-nav{position: fixed;left: 50%;transform: translateX(-50%);z-index: 9999999;width: 100%;top:50vh; }
.portfolio-nav__arrow{ transition:all .2s ease-in-out;opacity:0.3;position: absolute;width: 50px;display: block;height: 100px;line-height:100px;background: rgba(0,0,0,0.65);text-align: center; }
.portfolio-nav__arrow:hover{ opacity: 1;transition:all .2s ease-in-out;width: 120px!important;}
.portfolio-nav__arrow img{ width: 21px;height: 42px;}
.portfolio-nav__arrow__right{ right: 0;text-align: right; }
.portfolio-nav__arrow__right img{ margin-right: 10px; }
.portfolio-nav__arrow__left{ left: 0;text-align: left; }
.portfolio-nav__arrow__left img{ margin-left: 10px; }
.portfolio-nav__arrow__text{  width: 120px;line-height: 20px;margin-top: 5px;text-align: center;color: #595959;text-transform: capitalize;font-size: 20px }
.portfolio-nav__hover{ display: none; }
.portfolio-nav__arrow:hover .portfolio-nav__hover{ display: block;}
.portfolio-nav__arrow__left:hover .portfolio-nav__hover{ float:right;  }
.portfolio-nav__arrow__right:hover .portfolio-nav__hover{ float:left;  }

/*float: left;*/

@media screen and (min-width: 992px) and (max-width: 1200px)
{
    .portfolio-nav__arrow{ height: 80px;line-height: 80px;width:36px; }
    .portfolio-nav__arrow img{ width: 11px;height: 22px; }
    .portfolio-nav{ top:50vh; }
}



@media screen and (max-width: 991px)
{
    .portfolio-nav{ display: none; }
}