/*
Theme Name: qubitspectra
Theme URI: https://qubitspectra.dev/
Author: sandro
Author URI: https://wordpress.org
Description: Qubit Spectra Dev Site Theme
Requires at least: 6.1
Tested up to: 6.2
Requires PHP: 5.6
Version: 0.1
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/old-licenses/gpl-2.0.html
Text Domain: qubitspectra
Template: twentytwentythree
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready, wide-blocks, block-styles, accessibility-ready, blog, portfolio, news
*/

.wp-site-blocks {
	padding-top: unset !important;
	padding-bottom: unset !important;
}

.wp-block-spacer {
	min-height: 50px;
}

.wp-block-navigation a:where(:not(.wp-element-button)):hover {
	text-decoration: unset !important;
}

/* .wp-block-cover .wp-block-cover__image-background, .wp-block-cover video.wp-block-cover__video-background, .wp-block-cover-image .wp-block-cover__image-background, .wp-block-cover-image video.wp-block-cover__video-background {
	object-fit: contain !important;
} */

#services .wp-block-columns {
	flex-wrap: wrap-reverse !important;
}

.services-content {
	position: relative;
}

.services-label {
    text-transform: uppercase;
    position: absolute;
    top: 90px;
    left: -100px;
    transform: rotate(-90deg);
}

.qs-field input, .qs-field textarea {
	border: 1px solid rgba(255, 255, 255, 0.7) !important;
	background-color: transparent !important;
	border-radius: unset !important;
}

.qs-field input {
	height: 50px !important;
}

.qs-field label {
	background-color: #605EEC !important;
}

.qs-submit button {
	font-weight: 700 !important;
	background-color: white !important;
	border-color: white !important;
	border-radius: unset !important;
	padding-top: 1rem !important;
	padding-bottom: 1rem !important;
	color: #6055E7 !important;
	text-transform: uppercase !important;
	transition: background-color 0.5s ease-in-out, color 0.5s ease-in-out;
}

.qs-submit button:hover {
	background-color: #744399 !important;
	color: white !important;
}

@media (max-width: 767px) {
	.hide-on-mobile {
		display: none !important;
	}
}

@media (min-width: 768px) {
	.hide-on-desktop {
		display: none !important;
	}
}

.sticky-header {
	position: sticky;
	top: 0;
	z-index: 10;
}

.inactive-lang a {
	font-weight: 400;
}

.first-lang::after {
	content: "";
	display: inline-block;
	width: 1px;
	height: 30px;
	background-color: rgba(255, 255, 255, 0.4);
	margin-bottom: -10px;
    margin-right: 5px;
    margin-left: 5px;
}

.wp-block-navigation__container span {
	font-size: 38px;
}

.wp-block-navigation__container a {
	text-decoration: none;
}

.banner {
	position: relative;
}

.banner video {
	position: absolute;
	top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    z-index: 0;
    transform: translate(-50%, -50%);
}

.linked-in-link {
    text-transform: uppercase;
    position: absolute;
    top: 50%;
	bottom: 50%;
    right: -5rem;
    transform: rotate(-90deg);
	margin: 0;
}

.linked-in-link a {
	font-size: clamp(1.05rem, 1.05rem + ((1vw - 0.48rem) * 0.673), 1.4rem) !important;
}

.banner h1,
.banner h4 {
	position: relative;
	z-index: 1;
}

.menu-icon svg {
	width: 32px !important;
	height: 32px !important;
}

a {
	text-decoration: unset !important;
}

a span {
	text-decoration: unset !important;
}

/* .media-col {
	min-width: 383px;
} */

@media (max-width: 767px) {

}

@media (min-width: 768px) {
	.qs-submit button {
		max-width: 33% !important;
	}
}

@media (max-width: 1399px) {
	.linked-in-link {
		transform: unset;
		padding-top: 10px;
		top: 0;
		right: 1rem;
		bottom: unset;
	}
}

@media (min-width: 1981px) {
	body .is-layout-constrained > .alignwide {
		max-width: 65% !important;
	}
}