.block-search-wide.contextual-region, .block-search-wide
{
	margin-top: 5rem;
}

.path-frontpage .sticky .block-search-wide.contextual-region,
.path-frontpage .sticky .block-search-wide
{
	margin-top: 10rem;
}

.block-search-wide.contextual-region,
.block-search-wide
{
	position: absolute;
	width: 100%;
	display: flex;
	justify-content: flex-end;
}

.block-search-wide__wrapper
{
	max-width: 65rem;
	transition: all 0.2s;
	background: rgb(0, 64, 173);
	margin: 0;
	outline: 1rem solid rgba(0, 64, 255, 0.2);
	border-radius: 4px;
	z-index: 15;
}

form#search-block-form
{
	padding: 2rem 5rem;
}

form#search-block-form .form-control::placeholder
{
	color: #4c85e0;
}

.block-search-wide__wrapper input[type="search"]
{
	width: 50rem;
	height: 5rem;
	padding-top: 0;
	padding-bottom: 0;
	transition: background-size 0.4s;
	color: #fff;
	border: solid 1px transparent;
	box-shadow: none;
	font-size: 1.8rem;
	-webkit-appearance: none;
	border-radius: 0;
}

.block-search-wide__wrapper.show
{
	visibility: visible;
}

.block-search-wide__wrapper form
{
	display: flex;
	-ms-grid-column: 1;
	-ms-grid-column-span: 13;
	grid-column: 1 / 14;
}

.block-search-wide__wrapper input[type="search"]
{
	padding-left: 1rem;
}

.block-search-wide__wrapper input[type="search"]
{
	padding-right: 0;
}

[dir] .block-search-wide__wrapper input[type="search"] 
{
	background-color: transparent;
	/* background-image: linear-gradient(#0469f7, #0469f7); /* Two values are needed for IE11 support. */ 
	background-image: linear-gradient(#cfe1ff, #cfe1ff); /* Two values are needed for IE11 support. */
	background-repeat: no-repeat;
	background-position: bottom left; /* LTR */
	background-size: 0% 0.2625rem;
}

[dir] .block-search-wide__wrapper input[type="search"]:focus
{
	background-size: 100% 0.2625rem;
}

.block-search-wide__wrapper .form-submit,
.block-search-wide__wrapper .form-submit:hover,
.block-search-wide__wrapper .form-submit:focus
{
	position: relative;
	overflow: hidden;
	-ms-grid-row-align: stretch;
	align-self: stretch;
	width: 6.25rem;
	height: 100%;
	margin-top: 0;
	margin-bottom: 0;
	cursor: pointer;
	color: transparent;
	border-color: transparent;
	background-color: transparent;
	z-index: 99999;
}

/*
      When in Windows high contrast mode, FF will not output either background
      images or SVGs that are nested directly within a <button> element, so we add a <span>.
*/

.block-search-wide__wrapper .form-actions
{
	position: relative;
	margin-left: 3rem !important;
	margin-top: 0 !important;
}

@media screen and (max-width: 577px)
{
	.block-search-wide__wrapper .form-actions
	{
		margin-left: 0 !important;
		margin-top: 0 !important;
		right: 1rem;
	}
}

.block-search-wide__wrapper .form-actions:after
{
	content: '\F52A';
	text-align: center;
	font-family: 'Bootstrap icons';
	color: var(--bs-white);
	font-size: 2.2rem;
	position: absolute;
	top: 0.5rem;
	bottom: 0;
	right: 0;
	left: 0;
	z-index: 9999;
}

.block-search-wide__button.btn
{
	position: absolute;
	right: 0;
	top: -5.2rem;
	padding: 0;
	margin: 0;
	outline: none;
	z-index: 9;
	height: 3rem;
	color: var(--bs-blue-french2);
	border-radius: 0;
}

.block-search-wide__button.btn
{
	color: var(--bs-white);
}

.block-search-wide__button.btn .bi-search
{ 
	fill: var(--bs-blue-french2);
}

.sticky .block-search-wide__button.btn .bi-search
{ 
	fill: var(--bs-white);
}

@media screen and (max-width: 979px)
{
	.block-search-wide__button.btn
	{
		background-color: transparent;
		top: -48px;
	}
}

@media screen and (max-width: 576px)
{
	.block-search-wide__button.btn
	{
		background-color: transparent;
		top: -44px;
	}
}

.path-frontpage .block-search-wide__button.btn
{
	height: 3.1rem;
	top: -5.1rem;
}

.path-frontpage .sticky .block-search-wide__button.btn
{
	height: 3.1rem;
	top: -10.1rem;
}

.block-search-wide__button.btn:focus
{
	box-shadow: none;
	outline: none;
}

.block-search-wide__button
{
	width: 3rem;
	height: 100%;
	cursor: pointer;
	color: var(--bs-blue-french); /* Affects SVG search icon. */
	border: 0;
	border-radius: 0;
	-webkit-appearance: none;
}

.block-search-wide__button:focus
{
	outline: 0;
}

.block-search-wide__button:focus:after
{
	position: absolute;
	top: 50%;
	left: 50%;
	width: 80%;
	height: 3.375rem;
	content: "";
	transform: translate(-50%, -50%);
	border-radius: 0.25rem;
}

.block-search-wide__button[aria-expanded="true"]
{
	height: 3.1rem;
}

.block-search-wide__button[aria-expanded="true"]:focus:after
{
	border-color: var(--bs-blue-french2);
}

sticky .block-search-wide__button[aria-expanded="true"]:focus:after
{
	border-color: var(--bs-white);
}

.block-search-wide__button[aria-expanded="true"] .block-search-wide__button-close:before,
.block-search-wide__button[aria-expanded="true"] .block-search-wide__button-close:after
{
	position: absolute;
	top: 50%;
	left: 50%;
	width: 1.6875rem;
	height: 0;
	content: "";
	border-top: solid 2px var(--bs-blue-french2);
}

.sticky .block-search-wide__button[aria-expanded="true"] .block-search-wide__button-close:before,
.sticky .block-search-wide__button[aria-expanded="true"] .block-search-wide__button-close:after
{
	border-top: solid 2px var(--bs-white);
}

.block-search-wide__button[aria-expanded="true"] .block-search-wide__button-close:before
{
	transform: translate(-50%, -50%) rotate(-45deg);
}

.block-search-wide__button[aria-expanded="true"] .block-search-wide__button-close:after
{
	transform: translate(-50%, -50%) rotate(45deg);
}

.block-search-wide__button[aria-expanded="true"] svg
{
	display: none;
}