/*	---------------------------------------------

	Search Form

	--------------------------------------------- */

	
	body.search-active header + *:not(footer),
	body.search-active header + * + *:not(footer),
	body.search-active header + * + * + *:not(footer) { filter: blur(6px); }

	.search-modal {
		position: fixed !important; top: -100%; left: 0;
		width: 100%; height: 100%; background: #fff; opacity: 0;
		-webkit-transition: all 0.5s ease-in-out;
		-moz-transition: all 0.5s ease-in-out;
		-ms-transition: all 0.5s ease-in-out;
		-o-transition: all 0.5s ease-in-out;
		transition: all 0.5s ease-in-out;
	}
	.search-modal.show {opacity: 1; top: 0;}
	.search-modal .container {position: relative;max-width: unset;}

	/* close modal search */
	.search-modal button#closeSearchModal {
		position: absolute; top: 30px; right: 15px;
		border: 0; background: none;
		font-size: 36px;
	}

	.search-modal h2.block-title {
		text-align: center; text-transform: uppercase; font-weight: 600; 
		margin-bottom: 20px; margin-top: 30%;
	}
	.search-modal #search-block-form .form--inline {position: relative; display: table; width: 100%;}
	.search-modal #search-block-form .form--inline > div { display: table-cell; vertical-align: middle;}
	.search-modal #search-block-form .form--inline .form-item-keywords { width: 100%;}
	.search-modal #search-block-form .form--inline:after {
		content: "\f002"; position: absolute; top: 50%; left: 15px; z-index: 5;
		font-family: 'FontAwesome'; font-size: 22px; color: #171717;
		font-weight: normal; font-style: normal; margin-top: -16px; display: block;
	}
	.search-modal #search-block-form .form--inline label { display: none;}
	.search-modal #search-block-form .form--inline input#edit-keywords {
		height: 50px; padding-left: 50px; width: 100%; border: 1px solid #171717;
		border-top-left-radius: 3px; border-bottom-left-radius: 3px;
		border-top-right-radius: 0; border-bottom-right-radius: 0;
	}
	.search-modal #search-block-form .form--inline .form-actions { padding: 0; }
	.search-modal #search-block-form .form--inline button.form-submit {
		font-weight: 400; color: #fff; height: 50px; background: #171717; margin-right: 0;
		outline: none; border-color: #171717; text-transform: uppercase;
		border-top-right-radius: 3px; border-bottom-right-radius: 3px; 
		border-bottom-left-radius: 0; border-top-left-radius: 0; width: auto;
	}
	.search-modal #search-block-form .form--inline button.form-submit span { display: none;}
	.search-modal #search-block-form:before { display: none; }


	.search-modal { height: calc(100vh - 90px); background-color: transparent; top: 90px; visibility: hidden; }
	.search-modal.show { top: 90px; visibility: visible; }
	.scrolled .search-modal { height: calc(100vh - 71px); top: 71px; }
	.scrolled .search-modal.show {}
	.search-modal .search-overlay { 
		position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0;
		-webkit-transition: all 0.5s ease-in-out; 
		-moz-transition: all 0.5s ease-in-out; 
		-ms-transition: all 0.5s ease-in-out; 
		-o-transition: all 0.5s ease-in-out; 
		transition: all 0.5s ease-in-out;}
	/*.search-modal .search-wrap:before { content: ''; position: absolute; bottom: 100%; right: -1px; border-left: 27px solid transparent; border-right: 0px solid transparent; border-bottom: 21px solid #E6E6E6; }*/
	.search-modal .search-wrap:after { content: ''; position: absolute; bottom: 100%; right: 96px; border-left: 25px solid transparent; border-right: 25px solid transparent; border-bottom: 20px solid #002652; }
	.search-modal .search-wrap { 
		position: relative; display: flex; flex-wrap: wrap; height: 450px; align-items: center; width: 100%;
		background-color: var(--dark-blue); box-shadow: 0 3px 6px rgb(0 0 0 / .16); }
	.search-modal .search-wrap .row { flex-grow: 1; justify-content: center; }
	.search-modal h2.block-title { margin-top: 0; margin-bottom: 30px; color: #fff; }
	.search-modal form { display: flex;}
	.search-modal #search-block-form .form--inline {}
	.search-modal #search-block-form .form--inline .form-item-keywords {}
	.search-modal #search-block-form .form--inline input#edit-keywords { 
		border-color: #D4D4D4; box-shadow: none; padding: 10px 30px; height: 58px; padding: 10px 30px; font-size: 18px; }
	.search-modal #search-block-form .form--inline button.form-submit:hover { 
		background-color: #333; border-color: #333;  }
	.search-modal #search-block-form .form--inline button.form-submit { 
		font-size: 0; padding-left: 38px; padding-right: 38px; background-color: #1E3C94; border-color: #1E3C94; height: 58px; }
	.search-modal #search-block-form .form--inline button.form-submit span { 
		display: block; font-size: 20px; margin: 0; }
	/*.search-modal #search-block-form .form--inline button.form-submit:hover span:before { background-position: bottom; }*/
	.search-modal #search-block-form .form--inline button.form-submit span:before { 
		content: ''; position: relative; display: block; width: 25px; height: 25px; 
		background-image: url(/themes/ioi/img/ico-btn-submit-search.svg); 
		background-repeat: no-repeat; background-position: top; }
	.search-modal #search-block-form .form--inline:after { display: none; }
	.search-modal #search-block-form .form-actions { text-align: center; margin: 0 0 0 25px; }

	.form-type-search{ display: contents; }


@media (min-width: 992px) {
	.path-site-search #search-block-form .form--inline > div { display: block; }
	.path-site-search .form-actions { display: none !important; padding: 0;}
	.search-modal.show { top: 119px; }
	body.scrolled .search-modal.show { top: 92px; }
}
@media (max-width: 991px) {
	.search-modal.show { top: 108px; }
	/*body.scrolled .search-modal.show { top: 92px; }*/
	.search-modal .container { width: 100%; padding: 0; margin: 0; }
	.search-modal .search-wrap { padding: 50px; margin-left: 90px; margin-right: 90px; height: auto; }
	.search-modal .search-wrap:after { right: 20px; border-left: 27px solid transparent; border-right: 27px solid transparent; border-bottom: 21px solid #002652; }
}
@media (max-width: 767px) {
	.search-modal.show { top: 150px; }
	/*body.scrolled .search-modal.show { top: 92px; }*/
	.search-modal .search-wrap { padding: 30px; margin-left: 15px; margin-right: 15px; }
	.search-modal .search-wrap:before { right: 40px; border-left: 27px solid transparent; border-right: 27px solid transparent; border-bottom: 21px solid #E6E6E6; }
	.search-modal .search-wrap:after { right: 96px; border-left: 25px solid transparent; border-right: 25px solid transparent; border-bottom: 20px solid #002652 }
	.search-modal h2.block-title { font-size: 22px; margin-bottom: 20px; }
	.search-modal #search-block-form .form--inline input#edit-keywords { height: 40px; font-size: 16px; padding: 8px 15px;}
	.search-modal #search-block-form .form--inline button.form-submit { height: 40px; padding-left: 30px; padding-right: 30px; }
	.search-modal #search-block-form .form--inline button.form-submit span:before { width: 20px; height: 20px; background-size: cover; }
}

@media(max-width: 575px) {
	.form-type-search{ display: block; margin-bottom: 15px;}

	.search-modal form { flex-direction: column; }
	.search-modal #search-block-form .form-actions { margin: 0; }
	.search-modal .search-wrap:after { right: 82px; }
}

@media (max-width: 480px) {
	/*.search-modal .search-wrap { height: 280px; }*/
	.search-modal #search-block-form .form--inline > div { margin-bottom: 0; }
	.search-modal #search-block-form .form--inline button.form-submit { padding-left: 15px; padding-right: 15px; }
	.search-modal button#closeSearchModal { top: 78px;}
	/*.search-modal h2.block-title { margin-top: 40%;}*/
}