/*
 Theme Name:   VPS
 Theme URI:    https://generatepress.com
 Description:  VPS - GeneratePress child theme
 Author:       Richard Gruberbauer
 Author URI:   https://fitting-solutions.at
 Template:     generatepress
 Version:      0.1
*/
.get-in-touch label, .get-in-touch legend {
	display: none;
}

.wpforms-hidden {
	display: none;
}

.form-mail, .wpforms-field-row {
	display: flex;
	gap: 10px;
	margin-bottom: 10px;
}

.wpforms-field-row-block {
	flex-grow: 1;
}

.form-mail input, .wpforms-field-row-block input {
	width: 100%;
}

.wpforms-submit {
	width: 100%;
	background-color: rgba(50, 54, 73, 1);
	color: #fff;
}

/*Nav Styles*/
#quadmenu.quadmenu-is-horizontal li.quadmenu-item-type-column > div > ul {
	padding-top: 0 !important;
}

.subnav-grid {
	display: grid;
}

.subnav-grid .menuitems a {
	color: #fff;
}

.white-page .menuitems  a {
	color: #323649;
}

.subnav-grid .menuitems {
	background-color: #323649;
	display: grid;
	grid-template-columns: 5fr 3fr;
	gap: 20px;
}

.white-page .subnav-grid .menuitems {
	background-color: #fff;
}

.highlight-red.cross-sell {
	background-color: rgba(255, 54, 52, 1);
	background-image: url("https://viewpointsystg.wpenginepowered.com/wp-content/uploads/2024/06/00b_DIGITAL-IRIS_01_21x9_mitSchatten.png");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	color: #fff;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	padding: 50px 20px;
}

.highlight-red.cross-sell.nitro-lazy {
	background-image: none !important;
}

.subnav-area {
	padding: 20px 0;
}

.quadmenu-dropdown-menu.quadmenu-dropdown-stretch-boxed ul.quadmenu-row {
	max-width: 1440px;
	margin: 0 auto !important;
	padding-bottom: 0;
}

.quadmenu-dropdown-menu.quadmenu-dropdown-stretch-boxed ul.quadmenu-row ul {
	padding-bottom: 0 !important;
}

/*
#quadmenu.quadmenu-custom_theme_2 .quadmenu-navbar-nav > li.quadmenu-item > a,
#quadmenu.quadmenu-custom_theme_1 .quadmenu-navbar-nav > li.quadmenu-item > a{
	font-weight:300;
}*/
.white-page .main-navigation {
	background-color: #fff;
}

.white-page .main-navigation .main-nav ul li a, .main-navigation .menu-toggle, .main-navigation .menu-bar-items {
	color: #505470;
}

.white-page .site-logo .is-logo-image {
	filter: invert(100%) sepia(100%) saturate(5000%) hue-rotate(180deg) brightness(60%) contrast(100%);
}

.highlight-red.cross-sell .nav-highlight-text, .highlight-red.cross-sell .nav-highlight-button a {
	color: #4a4965;
}

#quadmenu.quadmenu-default_theme .highlight-red.cross-sell .nav-highlight-text {
	font-size: 40px;
	line-height: 1;
	font-weight: normal;
	text-transform: uppercase;
	margin-bottom: 20px;
}

#quadmenu.quadmenu-default_theme .highlight-red.cross-sell .nav-highlight-button a {
	font-size: 18px;
	font-weight: 300;
	text-decoration: underline;
	text-transform: uppercase;
	text-underline-offset: 5px;
}

.open .quadmenu-row.ps-container.ps-theme-default {
	height: auto !important;
}

.site-logo, .menu-bar-items, .menu-toggle {
	display: none !important;
}

#quadmenu {
	width: 100%;
}

.quadmenu-navbar-brand.img img {
	visibility: hidden;
}

.quadmenu-navbar-brand.img {
	background-image: url("https://viewpointsystem.com/nitropack_static/YsGPjJywFKRvWqxwBnlfcFWqbiRNCCew/assets/images/source/rev-1c7951f/viewpointsystem.com/wp-content/uploads/2024/06/VPS_LOGO_lang_w.svg");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
}

.quadmenu-navbar-brand.img.nitro-lazy {
	background-image: none !important;
}

.white-page .quadmenu-navbar-brand.img {
	background-image: url("https://viewpointsystem.com/nitropack_static/YsGPjJywFKRvWqxwBnlfcFWqbiRNCCew/assets/images/source/rev-1c7951f/viewpointsystem.com/wp-content/uploads/2024/06/VPS_LOGO_lang_b.svg");
}

.white-page .quadmenu-navbar-brand.img.nitro-lazy {
	background-image: none !important;
}

.page-digital-iris .quadmenu-navbar-brand.img, .page-esm-eye-sensor-module  .quadmenu-navbar-brand.img {
	background-image: url("https://viewpointsystem.com/nitropack_static/YsGPjJywFKRvWqxwBnlfcFWqbiRNCCew/assets/images/source/rev-1c7951f/viewpointsystem.com/wp-content/uploads/2024/06/00b_DIGITAL-IRIS_00_LOGO_lang_r.svg");
}

.page-digital-iris .quadmenu-navbar-brand.img.nitro-lazy, .page-esm-eye-sensor-module  .quadmenu-navbar-brand.img.nitro-lazy {
	background-image: none !important;
}

.white-page #quadmenu.quadmenu-default_theme .quadmenu-navbar-brand.img, .white-page #quadmenu.quadmenu-default_theme {
	background-color: #fff;
	color: #323649;
}

.white-page  #quadmenu.quadmenu-default_theme .quadmenu-navbar-nav > li:not(.quadmenu-item-type-button).quadmenu-has-link {
	background-color: #fff;
	color: #323649;
}

.white-page #quadmenu.quadmenu-default_theme.quadmenu-sticky-top, .white-page #quadmenu.quadmenu-default_theme .quadmenu-navbar-nav > li:not(.quadmenu-item-type-button).quadmenu-has-link:hover, .white-page #quadmenu.quadmenu-default_theme .quadmenu-navbar-nav > li:not(.quadmenu-item-type-button).quadmenu-has-link.open, .white-page #quadmenu.quadmenu-default_theme .quadmenu-navbar-nav > li:not(.quadmenu-item-type-button).quadmenu-has-link:hover > a > .quadmenu-item-content, .white-page #quadmenu.quadmenu-default_theme .quadmenu-navbar-nav > li:not(.quadmenu-item-type-button).quadmenu-has-link.open > a > .quadmenu-item-content, .white-page #quadmenu.quadmenu-default_theme .quadmenu-navbar-nav > li:not(.quadmenu-item-type-button) > a > .quadmenu-item-content {
	background-color: #fff;
	color: #323649;
}

#quadmenu.quadmenu-sticky-top .quadmenu-container {
	max-width: 1440px;
}

#quadmenu.quadmenu-sticky-top {
	border-bottom: 1px solid #fff;
}

.white-page #quadmenu.quadmenu-sticky-top {
	border-bottom: 1px solid #323649;
}

.quadmenu-dropdown-menu.quadmenu-dropdown-stretch-boxed {
	background-color: #323649 !important;
	border-top: 1px solid #fff !important;
}

.white-page .quadmenu-dropdown-menu.quadmenu-dropdown-stretch-boxed {
	background-color: #fff !important;
	border-top: 1px solid #323649 !important;
}

.white-page  #quadmenu.quadmenu-default_theme .quadmenu-navbar-toggle .icon-bar {
	background-color: #323649 !important;
}

#quadmenu .quadmenu-navbar-toggle .icon-bar-container {
	width: 20px !important;
	height: 20px !important;
}

#quadmenu .quadmenu-navbar-toggle.collapsed .icon-bar-container .icon-bar-top {
	height: 2px !important;
	top: 8px !important;
}

#quadmenu .quadmenu-navbar-toggle.collapsed .icon-bar-container .icon-bar-middle {
	height: 2px !important;
	top: 50% !important;
	margin-top: 6px !important;
}

#quadmenu .quadmenu-navbar-toggle.collapsed .icon-bar-container .icon-bar-bottom {
	height: 2px !important;
	bottom: -5px !important;
}

@media (max-width: 1200px) {
	.subnav-grid {
		grid-template-columns: 1fr 1fr;
		gap: 20px;
	}
	
	#quadmenu.quadmenu-default_theme .quadmenu-navbar-header .quadmenu-navbar-brand {
		margin-left: 20px;
		padding: 0;
	}
	
	.quadmenu-item-widget.widget_custom_html {
		border-bottom: 1px solid #fff;
	}
	
	.white-page .quadmenu-item-widget.widget_custom_html {
		border-bottom: 1px solid #323649;
	}
	
	.home-burger {
		display: none !important;
	}
	
	.home #quadmenu:not(.quadmenu-sticky-wrapper #quadmenu) .quadmenu-navbar-nav .quadmenu-navbar-toggle, .home #quadmenu:not(.quadmenu-sticky-wrapper #quadmenu) .quadmenu-navbar-nav {
		background-color: #323649;
	}
}

@media (max-width: 768px) {
	.subnav-grid {
		grid-template-columns: 1fr;
		gap: 0;
	}
	
	.subnav-grid .menuitems {
		grid-template-columns: 1fr;
		gap: 0;
		line-height: 2rem;
	}
	
	.subnav-area {
		padding: 0 0;
	}
	
	#quadmenu.quadmenu-default_theme .highlight-red.cross-sell .nav-highlight-button a {
		font-size: 18px;
	}
	
	.highlight-red.cross-sell {
		padding: 10px;
	}
	
	#quadmenu.quadmenu-default_theme .highlight-red.cross-sell .nav-highlight-text {
		font-size: 22px;
	}
	
	#quadmenu.quadmenu-default_theme .highlight-red.cross-sell .nav-highlight-button a {
		font-size: 16px;
		font-weight: 300;
	}
	
	.case-logo img {
		max-height: 27px;
		width: auto;
	}
}

@media (min-width: 1201px) {
	.subnav-grid {
		grid-template-columns: 5fr 3fr;
		gap: 20px;
	}
	
	.quadmenu-dropdown-menu.quadmenu-dropdown-stretch-boxed {
		margin-left: calc(-100vw / 2 + 100% / 2) !important;
		margin-right: calc(-100vw / 2 + 100% / 2) !important;
		max-width: 100vw;
		box-shadow: 0px 15px 10px -15px #111 !important;
		background: linear-gradient(to right, rgba(50, 54, 73, 1) 66.66%, rgba(255, 54, 52, 1) 66.66%) !important;
		border-top: 1px solid #fff !important;
	}
	
	.white-page .quadmenu-dropdown-menu.quadmenu-dropdown-stretch-boxed {
		margin-left: calc(-100vw / 2 + 100% / 2) !important;
		margin-right: calc(-100vw / 2 + 100% / 2) !important;
		max-width: 100vw;
		box-shadow: 0px 15px 10px -15px #111 !important;
		background: linear-gradient(to right, rgba(255, 255, 255, 1) 66.66%, rgba(255, 54, 52, 1) 66.66%) !important;
		border-top: 1px solid #323649 !important;
	}
	
	.subnav-grid .menuitems a {
		font-size: 24px !important;
	}
	
	.visible-on-hover {
		visibility: hidden;
		opacity: 0;
		transition: opacity .5s ease-in-out, visibility .5s ease-in-out, margin .5s ease-in-out;
		height: 0;
		overflow: hidden;
		margin: 0 0;
	}
	
	.hover-row:hover .visible-on-hover {
		visibility: visible;
		opacity: 1;
		height: auto;
		margin: 25px 0;
	}
}

/*.white-page.separate-containers h1, 
.white-page.separate-containers h2, 
.white-page.separate-containers h3, 
.white-page.separate-containers h4, 
.white-page.separate-containers p, 
.white-page.separate-containers li, */
.white-page.separate-containers a.arrow-button:hover {
	color: #fff;
}

@media (min-width: 1201px) {
	.home #quadmenu:not(.quadmenu-sticky-wrapper #quadmenu) {
		margin-top: 0;
		opacity: 0;
		transition: opacity .5s ease;
		margin-right: 50px;
	}
	
	.home #quadmenu:not(.quadmenu-sticky-wrapper #quadmenu) a {
		cursor: default;
		pointer-events: none;
	}
	
	.home #quadmenu:not(.quadmenu-sticky-wrapper #quadmenu).show {
		opacity: 1;
	}
	
	.home #quadmenu:not(.quadmenu-sticky-wrapper #quadmenu).show a {
		pointer-events: auto;
		cursor: pointer;
	}
	
	.home .first-block {
		margin-top: -61px;
	}
	
	.home .home-burger {
		cursor: pointer;
	}
}

.home #quadmenu:not(.quadmenu-sticky-wrapper #quadmenu), .home #quadmenu:not(.quadmenu-sticky-wrapper #quadmenu) .quadmenu-navbar-nav > li:not(.quadmenu-item-type-button).quadmenu-has-link, .home .main-navigation {
	background: transparent !important;
}

.home #quadmenu:not(.quadmenu-sticky-wrapper #quadmenu) .quadmenu-navbar-header .quadmenu-navbar-brand {
	display: none !important;
}

.gb-headline:has(.gb-icon) {
	align-items: flex-start;
}

.gb-headline > .gb-icon {
	padding-top: 4px;
}

.tab-header[aria-selected="true"] {
	background-color: #f0f0f0;
	color: #323649;
}

.gb-container.inner-spacing:empty {
	display: none;
}

/*Digital Iris*/
.page-id-9434 .inside-article *, .page-id-9433 .inside-article *, .page-id-8056 .inside-article *, .page-id-8057 .inside-article * {
	border-color: #ff3634 !important;
}

.page-id-9434 #quadmenu.quadmenu-sticky-top, .page-id-9433 #quadmenu.quadmenu-sticky-top, .page-id-8056 #quadmenu.quadmenu-sticky-top, .page-id-8057 #quadmenu.quadmenu-sticky-top {
	border-bottom: 1px solid #ff3634;
}

.page-id-9434 #quadmenu  span.quadmenu-item-content, .page-id-9433 #quadmenu  span.quadmenu-item-content, .page-id-8056 #quadmenu  span.quadmenu-item-content, .page-id-8057 #quadmenu  span.quadmenu-item-content {
	color: #ff3634 !important;
}

#quadmenu.quadmenu-is-horizontal .quadmenu-navbar-nav > li.quadmenu-item > a > .quadmenu-item-content > .quadmenu-badge {
	margin-top: -2em !important;
}

.quadmenu-badge-bubble {
	line-height: 2em !important;
	top: -.2em !important;
}

.home #quadmenu:not(.quadmenu-is-horizontal).quadmenu-mobile-shadow-show {
	box-shadow: unset !important;
}

@media (min-width: 1024px) and (max-width: 1440px) {
	.quadmenu-navbar-header, .hero-fg {
		padding-left: 30px !important;
		padding-right: 20px !important;
	}
}

.home .first-block h2.h1-style, .home .first-block h1.h1-style {
	font-size: 20px;
	font-size: clamp(1.1rem, 3.6vh, 38px) !important;
}

@media (min-width: 1921px) {
	.landing-bottom-full {
		background-position: center -160px !important;
	}
}