/* custom inventory search */
.search .detailed-search-wrap {top: 0!important;}

.label-overlay {
    width: 100%;
    height: 17%;
    /*position: absolute;*/
    z-index: 2;
    box-sizing: border-box;
    overflow: hidden;
	display: inline-block;
}

/*----------DETAILED SEARCH----------------------------*/
/*.column5 {display:inline-block; width:20%; margin:1% .1%;}
.column5_last {display:inline-block; width:19%; margin:1% .1%;}*/
.detailed-search-wrap .column5 {display:inline-block; width:24%!important; margin:1% .1%;}
.detailed-search-wrap .column5_last {display:inline-block; width:27%; margin:1% .1%;}

.detailed-search-wrap {
	padding-top: 20px;
	margin: 0 auto;
	width: 100%;
	display: inline-block;
	position: relative;
}

.content {
	width: 100%;
	margin: 0 auto;
}
.detailed-search-wrap h4 { 
	color: #a6aeb2;	
	font-weight:400;
	text-transform: uppercase;
}

.detailed-form {
	margin: auto;
}
.clear {
	clear: both;
}
.detailed-row {
	width: 100%;
	display: inline-block;
}
.last {
	padding-right: 0px;
}

.detailed-search input[type='submit'] {
	font-size: 14px;
    padding: 10px;
	font-weight: 600;
	background: #fcd41a;
	width: 100%;
	color: #000;
	text-transform: uppercase;
	display: inline-block;
	border-radius: 0 !important;
	-moz-border-radius: 0 !important;
	-webkit-border-radius: 0 !important;
	outline: none;
	border: none;
	transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-webkit-transition: all .2s ease-in-out;
	-webkit-border-radius: 0;
	-webkit-appearance: none;
	border-radius: 0;
	font-size:16px;
    cursor: pointer;
}
.detailed-search input[type='submit']:hover{
	background: #000;
	color: #fcd41a;
}

.detailed-search input[type='text'] {
	width: 100%;
	padding: 10px;
	font-size: 15px;
	background-color: #fff;
	border: 1px solid #bebebe;
	box-sizing: border-box;
	-webkit-border-radius: 0;
	border-radius: 0;
}
.detailed-search-wrap select {
	width: 100%;
	padding:9px 10px;
	font-size: 15px;
	background-color: #fff;
	border: 1px solid #bebebe;
	box-sizing: border-box;
	-webkit-border-radius: 0;
	border-radius: 0;
}
.detailed-search-wrap h3 span {
	color: #d7d7d7;
}

.detailed-search-wrap section {
  display: none;
  padding: 20px 0 0 0;
}

.detailed-search-wrap label {
	display: inline-block;
    padding: 5px 20px !important;
    font-weight: 600;
    text-align: center;
    position: relative;
    z-index: 4;
    color: #fff;
    font-family: 'Open Sans', sans-serif; 
    line-height: 25px;
	background:#c1c1c1;
    float:right;
    margin: .1%;
    transition: all 300ms ease;
}

.detailed-search-wrap label:before {
    font-family: fontawesome;
    font-weight: normal;
    margin-right: 10px;
}

.detailed-search-wrap label:hover {
    background: #000;
    color: #fcd41a;
    cursor: pointer;
    transition: all 300ms ease;
}

.detailed-search-wrap input:checked + label {
    background: #000;
    color: #fcd41a;
    float:right;
    transition: all 300ms ease;

}

label#title {
	background:none; 
	text-align:left;
	font-family: 'Open Sans', sans-serif; 
	float:left;
	padding:0!important;
    
    font-size:24px; 
    color:#000; 
    text-transform: uppercase; 
    font-weight: 900;
}

label#title:hover {
	cursor: default;
}

#tab1:checked ~ #content1,
#tab2:checked ~ #content2,
#tab3:checked ~ #content3 {
  display: block;
}

form.detailed-search {margin-top: 20px}

.detailed-search input:focus {outline-color: #000}
.detailed-search select:focus {outline-color: #000}

/************* MEDIA QUERIES (RWD)
*********************************/

@media screen and (max-width: 975px) {
    .detailed-search-wrap .column5_last { width: 49%!important;}
    .detailed-search-wrap .column5 { width: 49.8%!important; }
    form.detailed-search {margin-top: 10px;}
    .detailed-search-wrap section{padding: 0}
	.detailed-search-wrap label {width: 100%; float:none; margin:.25% auto;}
	.detailed-search-wrap input:checked + label {float:none; margin:.25% auto;}
}


@media screen and (max-width: 580px) {
    .detailed-search-wrap .column5_last { width: 100%!important;}
	.detailed-search-wrap .column5 {width:100%!important; margin:1% auto; padding-right: 0;}
}
