/**
 * BP PROFILE SEARCH CSS
 *
 * @package Klein
 * @since version 3.9.1
 */


/** General Settings
===================================*/
.field_drop-down-select-box select {
    padding: 0px 10px;
}

.radio, .checkbox{
	margin-top: 0px;
}
body .checkbox{
	margin-bottom: 10px;
}
.bps_filters a:hover,
.bps_filters a:focus,
{
	opacity: 0.87;
}

.bps-inline .checkbox label,
.bps-inline .radio label,
.bps-boxed .checkbox label,
.bps-boxed .radio label {
    padding-left: 20px;
}
.bps-inline .editfield .label,
.bps-boxed .editfield .label {
    color: inherit;
}

/** Inline Template
===================================*/
.bps-inline {
	width: 100%;
}
.bps-inline div {
    display: inline-table;
    width: 28%;
    margin-right: 5%;
    margin-bottom: 1%;
}
.bps-inline div.submit {
    display: block;
    width: 100%;
}
.bps-inline .checkbox span.label,
.bps-inline .field_multi-select-box>label,
.bps-inline .field_drop-down-select-box label,
.bps-inline .field_text-box label,
.bps-inline .field_url label,
.bps-inline .field_date-selector>label,
.bps-inline .field_multi-line-text-area>label,
.bps-inline .radio>span,
.bps-inline .field_number>label{
	padding-left: 0;
	font-style: normal;
	font-weight: normal;
	text-align: left;
	display: block;
}
.bps-inline .radio{
	margin: 0;
}
.bps-inline .radio div{
	width: 100%;
	margin: 0;
	display: block;
}
.bps-inline .field_checkboxes p.description,
.bps-inline .field_drop-down-select-box p.description,
.bps-inline .field_multi-select-box p.description,
.bps-inline .field_radio-buttons p.description,
.bps-inline .field_date-selector p.description,
.bps-inline .field_multi-line-text-area p.description,
.bps-inline .field_number p.description,
.bps-inline .field_text-box p.description,
.bps-inline .field_url p.description{
	font-style: italic;
    color: #999;
}
.bps-inline .field_radio-buttons p.description{
	margin-top: 20px;
}



/** Inline Template Widget
===================================*/
.widget .bps-inline {
	width: 100%;
}
.widget .bps-inline div {
    display: block;
    width: 100%;
    margin-right: 5%;
    margin-bottom: 5%;
}
.bps-inline .checkbox span.label,
.bps-inline .field_multi-select-box>label,
.bps-inline .field_drop-down-select-box label,
.bps-inline .field_text-box label,
.bps-inline .field_url label,
.bps-inline .field_date-selector>label,
.bps-inline .field_multi-line-text-area>label,
.bps-inline .radio>span,
.bps-inline .field_number>label{
	padding-left: 0;
	font-style: normal;
	font-weight: normal;
	text-align: left;
	display: block;
}
.bps-inline .radio{
	margin: 0;
}
.bps-inline .radio div{
	width: 100%;
	margin: 0;
	display: block;
}
.bps-inline .field_checkboxes p.description,
.bps-inline .field_drop-down-select-box p.description,
.bps-inline .field_multi-select-box p.description,
.bps-inline .field_radio-buttons p.description,
.bps-inline .field_date-selector p.description,
.bps-inline .field_multi-line-text-area p.description,
.bps-inline .field_number p.description,
.bps-inline .field_text-box p.description,
.bps-inline .field_url p.description{
	font-style: italic;
    color: #999;
}
.bps-inline .field_radio-buttons p.description{
	margin-top: 20px;
}
.bps-inline  .checkbox label, .bps-inline  .radio label {
    line-height: 18px;
}
.bps-inline div.submit {
    margin-bottom: 0;
}

/** Boxed Template
===================================*/
.bps-boxed .checkbox span.label,
.bps-boxed .field_multi-select-box>label,
.bps-boxed .field_date-selector>label,
.bps-boxed .field_multi-line-text-area>label,
.bps-boxed .radio>span,
.bps-boxed .field_number>label{
	padding-left: 0;
	font-style: normal;
	font-weight: normal;
	text-align: left;
	display: block;
}
.bps-boxed .field_checkboxes p.description,
.bps-boxed .field_drop-down-select-box p.description,
.bps-boxed .field_multi-select-box p.description,
.bps-boxed .field_radio-buttons p.description,
.bps-boxed .field_date-selector p.description,
.bps-boxed .field_multi-line-text-area p.description,
.bps-boxed .field_number p.description,
.bps-boxed .field_text-box p.description,
.bps-boxed .field_url p.description{
	font-style: italic;
    color: #999;
}
.bps-boxed  .checkbox label, .bps-boxed  .radio label {
    line-height: 18px;
}
.bps-boxed .editfield {
    margin-bottom: 15px;
}

body.klein #buddypress .bps-boxed,
body.klein .bps-boxed {
    margin-left: -1%;
}

body.klein #buddypress .bps-boxed .checkbox,
body.klein #buddypress .bps-boxed .radio,
body.klein #buddypress .bps-boxed .field_name > input,
body.klein #buddypress .bps-boxed .field_url  > input,
body.klein #buddypress .bps-boxed .field_number > input,
body.klein #buddypress .bps-boxed .field_textarea > input,
body.klein #buddypress .bps-boxed .field_datebox input:last-of-type,
body.klein #buddypress .bps-boxed .field_multiselectbox > input,
body.klein #buddypress .bps-boxed .field_selectbox > input,

body.klein .bps-boxed .checkbox,
body.klein .bps-boxed .radio,
body.klein .bps-boxed .field_name > input,
body.klein .bps-boxed .field_url  > input,
body.klein .bps-boxed .field_number > input,
body.klein .bps-boxed .field_textarea > input,
body.klein .bps-boxed .field_datebox input:last-of-type,
body.klein .bps-boxed .field_multiselectbox > input,
body.klein .bps-boxed .field_selectbox > input {
    margin-bottom: 0;
}

body.klein #buddypress .bps-boxed .description,
body.klein .bps-boxed .description {
    margin: 15px 0 0;
}

body.klein #buddypress .bps-boxed .editfield,
body.klein .bps-boxed .editfield {
    width: 30.33%;
    margin-left: 1%;
    padding: 20px 10px;
    background: #ECF0F1;
    border: 1px solid #BDC3C7;
    float: none;
    display: inline-block;
    vertical-align: top;
}
@media(max-width: 480px) {
    body.klein #buddypress .bps-boxed .editfield,
    body.klein .bps-boxed .editfield {
        width: 48%;
    }
}

@media(max-width: 375px) {
    body.klein #buddypress .bps-boxed .editfield,
    body.klein .bps-boxed .editfield {
        width: 100%;
    }
}
/** Box Template Widget
===================================*/
.widget .checkbox span.label,
.widget .field_multi-select-box>label,
.widget .field_date-selector>label,
.widget .field_multi-line-text-area>label,
.widget .radio>span,
.widget .field_number>label{
	padding-left: 0;
	font-style: normal;
	text-align: left;
	display: block;
}
.widget .checkbox label,
.widget .radio label{
	line-height: 18px;
}
.widget .checkbox label input[type="checkbox"]{

}
.widget .field_checkboxes p.description,
.widget .field_drop-down-select-box p.description,
.widget .field_multi-select-box p.description,
.widget .field_radio-buttons p.description,
.widget .field_date-selector p.description,
.widget .field_multi-line-text-area p.description,
.widget .field_number p.description,
.widget .field_text-box p.description,
.widget .field_url p.description{
	font-style: italic;
    color: #999;
}


/** BP Profile Search Footer Widget
===================================*/

#bps_widget-4-footer-1 .field_checkboxes p.description,
#bps_widget-4-footer-1 .field_drop-down-select-box p.description,
#bps_widget-4-footer-1 .field_multi-select-box p.description,
#bps_widget-4-footer-1 .field_radio-buttons p.description,
#bps_widget-4-footer-1 .field_date-selector p.description,
#bps_widget-4-footer-1 .field_multi-line-text-area p.description,
#bps_widget-4-footer-1 .field_number p.description,
#bps_widget-4-footer-1 .field_text-box p.description,
#bps_widget-4-footer-1 .field_url p.description,

#bps_widget-5-footer-2 .field_checkboxes p.description,
#bps_widget-5-footer-2 .field_drop-down-select-box p.description,
#bps_widget-5-footer-2 .field_multi-select-box p.description,
#bps_widget-5-footer-2 .field_radio-buttons p.description,
#bps_widget-5-footer-2 .field_date-selector p.description,
#bps_widget-5-footer-2 .field_multi-line-text-area p.description,
#bps_widget-5-footer-2 .field_number p.description,
#bps_widget-5-footer-2 .field_text-box p.description,
#bps_widget-5-footer-2 .field_url p.description,

#bps_widget-6-footer-3 .field_checkboxes p.description,
#bps_widget-6-footer-3 .field_drop-down-select-box p.description,
#bps_widget-6-footer-3 .field_multi-select-box p.description,
#bps_widget-6-footer-3 .field_radio-buttons p.description,
#bps_widget-6-footer-3 .field_date-selector p.description,
#bps_widget-6-footer-3 .field_multi-line-text-area p.description,
#bps_widget-6-footer-3 .field_number p.description,
#bps_widget-6-footer-3 .field_text-box p.description,
#bps_widget-6-footer-3 .field_url p.description,

#bps_widget-7-footer-4 .field_checkboxes p.description,
#bps_widget-7-footer-4 .field_drop-down-select-box p.description,
#bps_widget-7-footer-4 .field_multi-select-box p.description,
#bps_widget-7-footer-4 .field_radio-buttons p.description,
#bps_widget-7-footer-4 .field_date-selector p.description,
#bps_widget-7-footer-4 .field_multi-line-text-area p.description,
#bps_widget-7-footer-4 .field_number p.description,
#bps_widget-7-footer-4 .field_text-box p.description,
#bps_widget-7-footer-4 .field_url p.description
{ color: #ddd }

#footer-widgets input{
	color: #fff
}
#footer-widgets select{
	color: #999
}



/** BP Profile Search Clear Button
===================================*/
body.klein  .showing_jobs{
    padding: 1em 1em;
	height: 55px;
}
.widget a.clear-value,
a.clear-value ,
.widget a.clear-value:hover,
a.clear-value{
	opacity: 0.87
}


@media only screen and (max-width: 760px), (max-width: 993px),
(min-device-width: 768px) and (max-device-width: 1024px)  {
	/*div#primary{
	    left: 0;
		width: 100%;
	}
	div#secondary{
	    right: 0;
		width: 100%;
	}*/
	.widget .bps-inline div {
		display: block;
		width: 100%;
		margin-right: 0%;
		margin-bottom: 5%;
	}
	.bps-inline div {
		display: block;
		width: 100%;
		margin-right: 0%;
		margin-bottom: 5%;
	}
	body .checkbox,
	body .radio{
		margin-bottom: 10px;
	}
	body .widget .checkbox,
	body .widget .radio{
		margin-bottom: 15px;
	}
	body .widget .radio>div{
		margin-bottom: 0;
	}


}