/*
	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("../werkstatt/style.css");
.swiper-container.full-page h1, .mobile-toggle {
    visibility: hidden;
}
#full-height {
    min-height: 900px;
    display: table;
}
body {
    color: #FFF;
}
.page-id-160 .overlay {
    display: none
}
.overlay {
    position: absolute;
    width: 50%;
    height: 100%;
    background-image: url("http://www.eleventhree.com.au/ET-Lines.png");
    background-size: cover;
    background-position: center;
    vertical-align: middle;
    z-index: 99;
    background-repeat: no-repeat
}
.page-id-19 .contact-active, .page-id-160 .project-active, .page-id-2 .about-active {
    color: #DDD;
    border-bottom: 2px solid #FFF;
    width: auto;
    display: inline;
    text-align: right;
    padding-bottom: 0px;
    float: right;
}
.vc_custom_1530254554657 {
    background-position: bottom
}
#menu-wrap {
    position: absolute;
    bottom: 60px;
    left: 35%;
    z-index: 99;
    visibility: visible;
}

#menu-wrap2 {
    position: absolute;
    bottom: 60px;
    left: 35%;
    z-index: 99;
    visibility: hidden;
}

.right-pad {margin-right:16%}

@media only screen and (min-width: 64em) {
.left-col, #left-col {
    padding: 200px 100px 90px 90px
}

.contact-padding {
    padding-top: 150px;
}
.wpcf7-form-control-wrap {
    display: block;
    width: 50%;
}
#menu-wrap ul {
    min-width: 200px
}
#menu-wrap ul li {
    list-style: none;
}
#menu-wrap ul li a {
    color: #FFF;
    font-size: 48px;
    line-height: 64px;
    font-weight: 700;
    letter-spacing: 1px;
    text-align: right;
    float: right;
    border-bottom: 2px solid #505050;
    padding-bottom: 2px;
}
#menu-wrap ul li a:hover {
    color: #DDD;
}
	
#menu-wrap2 ul {
    min-width: 200px
}
#menu-wrap2 ul li {
    list-style: none;
}
#menu-wrap2 ul li a {
    color: #FFF;
    font-size: 28px;
    line-height: 44px;
    font-weight: 700;
    letter-spacing: 1px;
    text-align: right;
    float: right;
    border-bottom: 2px solid #505050;
    padding-bottom: 2px;
}
#menu-wrap2 ul li a:hover {
    color: #DDD;
}	
	
}

@media only screen and (min-width: 780px) and (max-width: 1600px) {
#menu-wrap {
    position: absolute;
    bottom: 60px;
    left: 28%;
    z-index: 99;
}
	#menu-wrap ul li a {
    color: #FFF;
    font-size: 34px;
    line-height: 45px;
    font-weight: 700;
    letter-spacing: 1px;
    text-align: right;
    float: right;
    border-bottom: 2px solid #505050;
    padding-bottom: 1px;
}
#menu-wrap ul li a:hover {
    color: #DDD;
}
.vc_custom_1530515676507 {
    margin-bottom: -20px !important;
}
p {
    font-size: 16px;
    margin-bottom: 0.55rem;
}
.wpcf7-form-control-wrap input[type="text"], .wpcf7-form-control-wrap input[type="password"], .wpcf7-form-control-wrap input[type="date"], .wpcf7-form-control-wrap input[type="datetime"], .wpcf7-form-control-wrap input[type="email"], .wpcf7-form-control-wrap input[type="number"], .wpcf7-form-control-wrap input[type="search"], .wpcf7-form-control-wrap input[type="tel"], .wpcf7-form-control-wrap input[type="time"], .wpcf7-form-control-wrap input[type="url"], .wpcf7-form-control-wrap textarea {
    margin-bottom: 7px;
    width: 100%;
}
.left-col, #left-col, #about-top {
    padding: 20px;
    margin-top: 70px
}
.row {
    padding: 0px;
}
.header .logolink .logoimg {
    max-height: 32px;
}
	.right-pad {margin-right:7%}
	
	.column, .columns {
    padding-left: 38px;
    padding-right: 38px
}
	#contactus {padding-left:15px; }
	#contactus #left-col {padding-top:80px}

}

@media only screen and (max-width: 769px) {
p {
    font-size: 17px
}
#contactus {
    padding: 40px 18px 18px 18px;
}
.left-col, #left-col, #about-top {
    padding: 15px;
    margin-top: 70px
}
.column, .columns {
    padding-left: 15px;
    padding-right: 15px;
}
.regular-header {
    margin: 15px
}
.medium-6 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}
.contact-padding {
    padding: 100px 18px 18px 18px;
}
	
	.contact-padding h1 {font-size: 25px;}
#menu-wrap, #contactus .thb-image-slider, #contactus .overlay {
    display: none
}
	
	#menu-wrap2 ul li {
    list-style: none;
}
	
	#menu-wrap2 ul li a {
    color: #FFF;
    font-size: 33px;
    line-height: 44px;
    font-weight: 700;
    letter-spacing: 1px;
    text-align: left;
    float: left;
    border-bottom: 2px solid #505050;
    padding-bottom: 2px;
}
#menu-wrap2 ul li a:hover {
    color: #DDD;
}
	#menu-wrap2 {
    position: absolute;
    top: 190px;
    left: 8%;
    z-index: 99;
    visibility: visible; margin-bottom:70px
}
.row {
    padding: 0px;
}
	.header {background:#4f5345} 
	
.header .logolink .logoimg {
    max-height: 23px;
}
.mobile-toggle {
    visibility: visible;
    margin-left: -60px
}
.thb-image-slider {
    max-height: 500px
}
	.overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    background-image: url("http://www.eleventhree.com.au/wp-content/uploads/2018/08/overlay-mob.png");
    background-size: contain;
    background-position:top;
    vertical-align: top;
    z-index: 99;
    background-repeat: no-repeat
}
	
	.home .mobile-toggle {display:none}
	
	.home #about-top {padding-bottom:110px}
	
	.right-pad {margin-right:0%}
}

div.wpcf7-validation-errors, div.wpcf7-acceptance-missing {max-width:50%; text-align: left; border:0px}
.your-message {margin-top:-30px}

.slick-nav span {
    background: #4f5345;
}

.light-arrow .slick-nav:hover span {
    border-color: #4f5345; fill: #4f5345
}

.slick-nav:hover span .thb-arrow {
    fill: #4f5345;
}