/*
Theme Name: Inmatel
Author: sohaila
Author URI: 
Theme URI: 
Tags: full-site-editing, block-patterns
Text Domain: inmatel
Requires at least: 6.4
Requires PHP: 7.4
Tested up to: 6.4
Version: 100.35

License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

/* Styles intended only for the front.*/
html {
	scroll-behavior: smooth;
}

@media screen and (prefers-reduced-motion: reduce) {

	html {
		scroll-behavior: auto;
	}
}

body {
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
}

/* .hero-shape {
	position: relative;
}

.hero-shape::after {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	width: 45%;
	height: 100%;
	background-color: #0b2f2a;
	z-index: 2;

	clip-path: polygon(25% 0,
			100% 0,
			100% 100%,
			0% 100%);
} */

/* .hero-shape .stk-inner-blocks,
.hero-shape .stk-block-content,
.hero-shape>* {
	position: relative;
	z-index: 3;
} */
.site-header {
	position: relative !important;
	z-index: 999 !important;
}

:where(.wp-site-blocks)> :first-child {
	margin-block-start: 0;
	position: relative;
	z-index: 999;
}

.hero-ground {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	background-color: #f5f5f5;
	z-index: 1;

	clip-path: polygon(0 0,
			85% 0,
			100% 100%,
			0% 100%);
}

.img-hero {
	clip-path: polygon(0 0, 100% 0%, 57% 100%, 0% 100%);

}

/* span {
	color: #FFB400 !important;
} */

.stk-button {
	box-shadow: none !important;
}

:where(.wp-site-blocks)>* {
	margin-block-start: 0px !important;
	margin-block-end: 0;
}

.wp-block-group {
	padding-top: 0px !important;
	padding-bottom: 0px !important;
	z-index: -1;
}

.serv-img {
	clip-path: polygon(0px 0px, 100% 0%, 80% 100%, 0% 100%);
}

.icon-shape {
	clip-path: polygon(0 41%, 100% 0%, 71% 100%, 0% 100%);
}

.wp-block-navigation-item__content {
	text-decoration: none;
}

@media (min-width: 1024px) {

	.wp-block-navigation .has-child .wp-block-navigation__submenu-container {
		position: absolute;
		opacity: 0;
		visibility: hidden;
		pointer-events: none;
		z-index: 9999;
	}

	.wp-block-navigation .has-child:hover .wp-block-navigation__submenu-container {
		opacity: 1;
		visibility: visible;
		pointer-events: auto;
		height: auto;
		min-width: 400px !important;
	}

}
#mega-menu-wrap-primary,
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-page-ancestor > a.mega-menu-link{background: transparent !important;color: #222;}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link{color:#222 !important;font-size: 16px !important;font-weight: bold !important;}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link:hover{background: transparent !important;color: #3284c1 !important;}
#mega-menu-wrap-primary .mega-menu-toggle{background:none !important;}
#mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-blocks-right,.mega-toggle-block {background:none !important;}
#mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner, #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner::before, #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner::after{background:#3284c1;}
@media screen and (max-width:768px){
	#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link{color:#fff !important;font-size: 16px !important;font-weight: bold !important;}
	#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link:hover{background: transparent !important;color: #fff !important;}
	#mega-menu-wrap-primary .mega-menu-toggle + #mega-menu-primary{background: #24315e !important;}
	#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link{color:#3284c1 !important;}
}
button:hover,
button:focus,
.wp-block-button__link:hover,
.wp-block-button__link:focus,
.stk-button:hover,
.stk-button:focus {
	outline: none !important;
	box-shadow: none !important;
	border: none !important;
}

.stk-button {
	outline: none !important;
	box-shadow: none !important;
}

.stk-button:hover,
.stk-button:focus {
	outline: none !important;
	box-shadow: none !important;
}