/**
 * The following styles get applied both on the front of your site
 * and in the editor.
 *
 * Replace them with your own styles or remove the file completely.
 */

.wp-block-artcloud-blocks-artcloud-menu {
	max-width: 1200px !important;
	padding: 15px 0px;

	.wp-block-columns {
		margin: 0;
	}

	.artcloud_menu_columns {
		align-items: center !important;
	}

	.artcloud_menu_search {
		position: relative;
	}

	.wp-block-search__input {
		flex-basis: 100%;
		transition-duration: .3s;
		position: absolute;
		bottom: -3rem;
		left: -16rem;
		color: var(--wp--preset--color--black);
		background-color: var(--wp--preset--color--white);
		border-radius: 10px;
		height: 3rem;
		width: 20rem;
		font-size: 1.2rem;
		z-index: 1;
		border: 1px solid #E6E6E6;
	}

	.wp-block-column.artcloud_menu_logo.is-layout-flow.wp-block-column-is-layout-flow {
		max-width: fit-content;
	}

	.wp-block-column.artcloud_menu_search.is-layout-flow.wp-block-column-is-layout-flow {
		max-width: fit-content;
	}

	.wp-block-column.artcloud_menu_lang_shortcode.is-layout-flow.wp-block-column-is-layout-flow {
		max-width: fit-content;
	}

	button.wp-block-search__button.has-icon.wp-element-button:after {
		content: "Hae";
		color: #808080;
		font-size: 10px;
		position: absolute;
		bottom: 10px;
		left: 28px;
	}

	svg.search-icon {
		height: 30px;
		width: 30px;
	}

	/* Medium devices (landscape tablets, 768px and up) */
	@media only screen and (min-width: 768px) {
		.artcloud_menu_mobile_menu {
			display: none !important;
		}
	}

	/* Small devices (portrait tablets and large phones, 600px and up) */
	@media only screen and (max-width: 600px) {
		.artcloud_menu_lang_shortcode {
			display: none !important;
		}

		.wp-block-columns {
			flex-wrap: nowrap !important;
		}

		.artcloud_menu_mobile_menu,
		.artcloud_menu_search {
			display: flex;
			justify-content: right;
			align-items: right;
		}

		.wp-block-column.artcloud_menu_mobile_menu .wp-block-search__button-behavior-expand .wp-block-search__input {
			bottom: -3rem;
			left: -11rem;
			font-size: 1.2rem;
		}

		.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column {
			flex-basis: fit-content !important;
		}
	}
}
