
/* ===== Header search: expands over the row ===== */
.header.style2 > .row{position:relative}

.header.style2 .quick_search.active{position:static}

.header.style2 .quick_search.active .quick_toggle{
	left:auto;
	right:0;
	width:50px;
	height:100%;
	z-index:30;
}

.header.style2 .quick_search.active .quick_searchform{
	position:absolute;
	top:0;
	left:0;
	right:50px;
	width:auto;
	height:100%;
	margin:0;
	padding:0;
	border:0;
	background:#fff;
	opacity:1;
	display:flex;
	align-items:stretch;
	z-index:20;
	transition:opacity .2s ease;
}

.header.style2 .quick_search.active .quick_searchform:after{display:none}

.header.style2 .quick_search.active .quick_searchform .s{
	flex:1 1 auto;
	width:100%;
	min-width:0;
	height:100%;
	margin:0;
	padding:0 18px;
	border:0;
	background:transparent;
	font-family:'Literata',Georgia,'Times New Roman',serif;
	font-size:18px;
	line-height:1;
	color:#080808;
}
.header.style2 .quick_search.active .quick_searchform .s::placeholder{
	color:rgba(8,8,8,.45);
	opacity:1;
}

.header.style2 .quick_search.active .quick_searchform input[type="submit"]{
	width:auto;
	height:100%;
	margin:0;
	padding:0 22px;
	border:0;
	border-left:1px solid rgba(186,130,47,.35);
	background:transparent;
	color:#ba822f;
	font-family:'Literata',Georgia,'Times New Roman',serif;
	font-size:14px;
	font-weight:600;
	letter-spacing:.02em;
	text-transform:none;
	white-space:nowrap;
	cursor:pointer;
}
.header.style2 .quick_search.active .quick_searchform input[type="submit"]:hover{
	background:rgba(186,130,47,.08);
	color:#8f6322;
}
.header.style2 .quick_search.active .quick_search_icon{fill:#ba822f}

/* Hide the content the search replaces (:has + JS fallback) */
@media only screen and (min-width: 64.063em){
	.header.style2:has(.quick_search.active) .sf-menu,
	.header.style2.search-open .sf-menu{
		opacity:0;
		visibility:hidden;
		transition:opacity .15s ease;
	}
}
@media only screen and (max-width: 64.062em){
	.header.style2:has(.quick_search.active) .mobile-icon-holder,
	.header.style2:has(.quick_search.active) .logo,
	.header.style2.search-open .mobile-icon-holder,
	.header.style2.search-open .logo{
		opacity:0;
		visibility:hidden;
		transition:opacity .15s ease;
	}
	.header.style2 .quick_search.active .quick_searchform{
		top:50%;
		height:64px;
		border-bottom:1px solid rgba(186,130,47,.35);
		transform:translateY(-50%);
	}
}

/* Keep the search placeholder in normal case */
.header.style2 .quick_search.active .quick_searchform .s{
	text-transform:none;
	letter-spacing:normal;
}

/* Search placeholder: normal case, readable size */
.header.style2 .quick_search.active .quick_searchform .s::-webkit-input-placeholder{text-transform:none;font-size:18px;color:rgba(8,8,8,.45);opacity:1}
.header.style2 .quick_search.active .quick_searchform .s::-moz-placeholder{text-transform:none;font-size:18px;color:rgba(8,8,8,.45);opacity:1}
.header.style2 .quick_search.active .quick_searchform .s:-ms-input-placeholder{text-transform:none;font-size:18px;color:rgba(8,8,8,.45);opacity:1}
.header.style2 .quick_search.active .quick_searchform .s::placeholder{text-transform:none;font-size:18px;color:rgba(8,8,8,.45);opacity:1}
