/*
Theme Name: NineZeroSeven
Theme URI: http://www.webcreations907.com
Author: webcreations907
Author URI: http://themeforest.net/user/webcreations907
Description: One Page Parallax Theme ~ If you need support please use the <a href="http://support.webcreations907.com/">Theme's Support Forum</a>
Version: 3.1.12
License: GNU General Public License
License URI: license.txt
Tags: black,white,orange,custom-background,custom-colors,featured-images,full-width-template,theme-options,translation-ready,left-sidebar,right-sidebar
*/

/************************************************************************
* WARNING: If you add override styles here it will get overwritten
* when you update the theme to newer versions.
*
* You should use the Custom CSS field in the Theme Options panel, or
* use a child theme which you'll find a starter child theme in the
* download pack.
*************************************************************************/

/*
NAVIGATION ZENTRIERT

#top .container {
	min-height: 0!important;
}

nav.mainMenu {
	float: none;
}

ul {
	float: unset;
	text-align: center;
}

ul li {
	display: inline-block;
	float: none;
}

nav.mainMenu ul li {
	float: unset;
}
*/

.topBar .container {
	text-align: center;
}

.main-nav-logo {
    margin-top: 24px !important;
}

nav.mainMenu {
    display: inline-block;
    float: unset;
    margin: 0 auto;
    margin-top: 35px;
}    




/* REST */

.acceptance-198 .wpcf7-form-control {
width: unset;
}

.recent-works-view {
	clear: both;
}

.compatech-heading {
	padding: 55px 0 0 100px;
	background: url('images/icon_headlines_trans.png') no-repeat top left transparent;
}

.page-section .titleBar {
    background-position: 0 36%;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
	word-wrap: break-word;
	word-break: break-word;
}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
	.compatech-heading {
		background: none;
		padding: 0;
	}

	.compatech-heading .titleBar {
		clear: both;
		margin-bottom: 25px;
		padding-bottom: 10px;
		background-position: 0 100% !important;
	}
}

section#header-option h2{
    font-size:45px;
    text-transform: none;
    line-height:60px;
    padding-top:20px;
    padding-bottom:20px;
	letter-spacing: -0.5px;
}
.entry .message p {
background:none;
}

.zum_shop_zeile{
background-color:#aaaaaa;
width:100%;
}
#menu-item-46,#menu-item-56,#menu-item-55,#menu-item-54,#menu-item-53,#menu-item-146,#menu-item-296,#menu-item-295,#menu-item-294 {
display:none;
}


#zum-shop-sortiment,#zum-shop-tintenstrahltechnologie,#zum-shop-drucker,#zum-shop-office,#zum-shop-toner,#zum-shop-farbbaender {
	padding:10px;
	padding-bottom:0px;
	margin-bottom:50px;
}
#zum-shop-sortiment a,#zum-shop-tintenstrahltechnologie a,#zum-shop-drucker a,#zum-shop-office a,#zum-shop-toner a, #zum-shop-farbbaender a {
	position:relative;
	top:-40px;
	padding-right:20px;
	font-size:15px;
}

/* Schalte die Zusatzfeatures für Portfolio aus (Filter und Darstellungswechsel */
.filter{
display:none;
}

#sortiment div.img-frame{
min-height:250px;
}
#tintenstrahltechnologie div.img-frame{
min-height:380px;
}
#toner div.img-frame{
min-height:360px;
}
.wpcf7-form input,.wpcf7-form select,.wpcf7-form textarea{
width:100%;
background-color:#f4f5f5;
border:none;
}
.wpcf7-form input[type="submit"]{
display:block;
background:none !improtant;
background-color:#00acec;
color:#ffffff;
width:30%;
margin-top:10px;
}

.header_link_box{
	display:block;
	position:absolute;
	width:220px;
	height:150px;
	background-color:#00acec;
	border-bottom:5px solid #ffffff;
	bottom:15%;
	left:50%;
	margin:0px;
	color:#ffffff;
	text-transform:uppercase;
	font-size:20px;
	font-weight:bold;
	line-height:25px;
	text-align:center;
}
a.header_link_box{
	color:#fff !important;
}
.header_link_box_left{
	margin-left:-270px;
}
.header_link_box_right{
	margin-left:50px;
}

.header_link_box_center{
	margin-left:-110px;
}
.header_link_box img{
	margin-top:15px;
}
.entry .message h2 {
	border: none;
}
.footer-links {
	display: inline-block;
}
/* Container für die recent-works Elemente im Bereich Toner - von 300 auf 290 setzen, damit diese nebeneinander passen */
#toner div.container div.two-thirds div.one-third {
    width: 290px;
}

@media screen and (max-width: 1366px) {
.header-logo.scale-with-grid {
	max-width: 50%;
}
section#header-option h2 {
	font-size: 35px;
	line-height: 45px;
}
.header_link_box {
	width: 160px;
	height: 130px;
	font-size: 14px;
	bottom: 17%;
}
.header_link_box img {
	margin-top: 15px;
	width: 50%;
}
.header_link_box_center {
	margin-left: -80px;
}
}

@media screen and (max-width: 1024px) {
.nzs-mobile-menu .mobile-toggle-menu {
	display: inline;
}
.nzs-mobile-menu nav.mainMenu {
	position: absolute;
	top: 100%;
	display: none;
	background-color: #2b2b2b;
	margin-top: 0;
	padding: 15px 10px 5px 20px;
	width: 100%;
}
.parallax {
	background-attachment: fixed!important;
}
}

@media screen and (max-width: 960px) {
section#header-option h2 {
	font-size: 25px;
	line-height: 35px;
}
.main-nav-logo.has-logo-image {
	margin-left: 20px;
}
.one-third column.nzs-iso-enabled.project.isotope-item {
	background: red;

}
}

@media screen and (max-width: 768px) {
.container .eight.columns {
	margin-left: 10px;
}
}

@media screen and (max-width: 767px) {
#foot.footer .container {
width: 95%;
}
.header-logo.scale-with-grid {
	max-width: 100%;
}
.entry .message, .video-header .message {
	display: unset;
}
.custom-padding-box {
	padding: 0px 0px 20px 0px!important;
}
}
@media screen and (max-width: 568px) {
section#header-option {
	-webkit-background-size: 335% auto!important;
}
.footer-links {
	display: block;
}
}