/*
Theme Name: Aseil
Author: Sohaila
Author URI: 
Theme URI: 
Tags: full-site-editing, block-patterns
Text Domain: aseil
Requires at least: 6.4
Requires PHP: 7.4
Tested up to: 6.4
Version: 100.06

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;
}

:root :where(.wp-block-post-content) {
	margin-top: 0px !important;
	margin-bottom: 0px !important;
	margin-left: 0px !important;
	margin-right: 0px !important;
	max-width: 100% !important;
}

.entry-content {
	z-index: 0;
	position: relative;
}

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

:where(.stk-block-button, .stk-block-icon-button, .stk-block-pagination):not(.is-style-link) .stk-button {
	box-shadow: none !important;
}

.stk-block-button:hover {
	border: none !important;
}

.stk-button:hover {
	border: none !important;
}

/* ////////////////////////////////////////////// */

:is(.stk-block-button, .stk-block-icon-button, .stk-block-pagination, .stk-block-load-more, .stk-block-posts):not(.is-style-link) .stk-button {
	align-items: center;
	column-gap: 8px;
	display: flex;
	justify-content: center;
	position: relative;
	text-decoration: none;
	border: none !important;
	transition: none !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;
	transition: all 0.3s ease-in-out;
}

:root :where(.wp-block-navigation a:where(:not(.wp-element-button))) {
	color: var(--wp--preset--color--contrast);
	text-decoration: none !important;
}

.wpforms-container {
	margin: 0px !important;
}


.wp-block-navigation:not(.has-background) .wp-block-navigation__submenu-container {
	background-color: #fff !important;
	border: 1px solid #00000026;
	color: black !important;
}

header.wp-block-template-part {
	width: 1440px;
	margin: 0 auto;
	position: fixed;
	top: 10px;
	z-index: 1;
	left: 0;
	right: 0;
	border-radius: 5px;
	background: #ffffffd1;
	max-width: 100%;
}

#mega-menu-wrap-max_mega_menu_1 {
	background-color: transparent !important;
}

#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1>li.mega-menu-item.mega-current-menu-item>a.mega-menu-link {
	background-color: transparent !important;
}

#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1>li.mega-menu-item {
	margin: 0px 10px !important;
}

#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1>li.mega-menu-item>a.mega-menu-link {
	font-size: 16px !important;
	font-family: "Roboto", sans-serif;
	font-weight: 500;
}

.globals_teams h2 {
	font-size: 30px;
	font-family: "Roboto", sans-serif;
	font-weight: 500;
	position: relative;
}

.globals_teams h2::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: -5px;
	width: 45px;
	height: 2px;
	margin: auto;
	background-color: #003766;
}

.globals_teams h3 {
	font-size: 20px;
	font-family: "Roboto", sans-serif;
	font-weight: 500;
}






/*=========== =============*/

@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;
	}

}

@media (max-width: 768px) {
    header.wp-block-template-part{width: 100vw !important;
  margin: 0 !important;
  padding: 0 !important;}
    .stk-block-carousel__slider{width:100vw !important;}
    .asil-hero-swiper{height:75vh;}
}
@media (max-width: 480px) {
    .contactus{display: none;}
    .asil-hero-swiper{height:60vh !important;}
}