@use "../utilities" as *;

/**----------------------------------------
START: Theme Header CSS
----------------------------------------*/
.h11-header {
	&.header-area {
		border-radius: 80px;
		&.header-absolute {
			top: 30px;
			width: calc(100% - 60px);
			margin: 0 30px;

			@media #{$md,$sm,$xs} {
				top: 20px;
				width: calc(100% - 40px);
				margin: 0 20px;
			}
		}
		.header-wrapper {
			background-color: transparent;
		}

		.mainmenu {
			> ul {
				> li {
					> a {
						padding-top: 32px;
						padding-bottom: 32px;
					}
					&.has-dropdown {
						> a {
							&::after {
								top: 35px;
							}
						}
					}
				}
			}
		}
	}

	.menu_bar.mobile_menu_bar {
		border-radius: 50px;
	}
}

/* !END: Theme Header CSS */