=*, *:before, *:after {box-sizing:  border-box !important;}

#dirwidget .row {
 -moz-column-width: 20em;
 -moz-column-gap: 1em;
 display: flex;
 align-items: center;
 justify-content: space-between;
 margin-left: 0px;
}

#dirwidget .item {
 display: inline-block;
 padding: 5px 0px;
 max-width: 380px;
 min-width: 320px;
 width: 33%;
 margin: 0px auto;
}
li.plain-list.switch-view {
    display: none;
}

#dirwidget.switch-view li.plain-list.switch-view {
    display: list-item;
    margin: 0px;
    width: 33%;
    min-width: 320px;
    max-width:  400px;
    margin: 0 auto;
}
#dirwidget.switch-view li.item {
    display: none;
}
.textwidget #dirwidget .row.list {flex-basis: 100%;display: flex;flex-direction: column;flex-wrap: wrap;}
.textwidget #dirwidget li {
	width: 100%
}
.organization a {
    background: #F1F1F1;
    margin: 3px 7px;
    display: inline-block;
    border: 1px solid #E0E0E0;
    padding: 0px 10px;
    color: #636363;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
} 

#dirwidget .well {
    min-height: 141px;
    height: 100%;
    margin-bottom: 15px;
}
.sidebar #dirwidget .well {
    min-height: auto;
}
.sidebar #dirwidget li.item {
	padding-bottom: 15px;
}
#dirwidget {
    clear: both;
    width: 100%;
}
#dirwidget .photo {
    float: left;
    display: inline-block;
    max-width: 26%;
    margin-right: 10px;
    padding: 4px;
    margin-top: 0px;
    vertical-align: top;
    height: auto;
}
#dirwidget .photo img {
	border-radius: 8px;
}

.sidebar #dirwidget .photo img {
	margin-bottom: 0px;
	width: 80px;
}

#dirwidget .panel {
    height: 177px;
    clear: none;
}
#dirwidget .thumbnail {
    float: left;
    margin-right: 15px;
	margin-bottom:  10px;
}
#dirwidget .bottom {
    height: 40px;
    padding: 6px;
	margin-top: 15px;
    text-align: center;
}
.bottom button.btn.btn-default {
    padding: 4px 10px;
    font-size: 12px;
    background: #e3e3e3;
    color: #707070;
    font-weight: 600;
    border: 0px;
}
.contact-title {
    font-size: 14px;
    padding-bottom: 5px;
    line-height: 17px;
}
.title a {
    font-weight: 600;
    font-size: 17px;
    line-height: 19px !important;
    margin-bottom: 6px;
    display: block;
}
.info .bi {
    color: #999;
    border-radius: 30px;
    padding:0px;
	margin-bottom: -7px;
    font-size: 14px;
    text-align: center;
    margin-right: 6px;
}
.info {
    display: inline-block;
    float: left;
    max-width: 70%;
}
.info .email, .info .phone {
    font-size: 13px;
    padding: 2px 0px;
}
.sidebar .info .email, .sidebar .info .phone {
    font-size: 13px;
    padding: 0px;
}

/** Search stuff **/
div#contact-filter {
    margin: 30px auto;
    text-align: center;
	flex-wrap: wrap;
}
#dirwidget input {
  padding: 7px 14px;
  border: solid 1px #e4e4e4;
  max-width: 40%;
  width: 400px;
  box-sizing: border-box;
  color: #717171;
  margin-bottom: 5px;
  margin-right: 20px;
  border-radius: 10px;
}
#dirwidget input:focus {
  outline: none;
  border-color: #aaa;
}
#dirwidget .sort, #dirwidget .switch {
  font-size: 12px;
  padding: 3px 11px;
  border: none;
  display: inline-block;
  color: #616161;
  text-decoration: none;
  background-color: rgb(227 227 227 / 68%);
  font-weight: 800;
  margin: 2px;
  border-radius: 8px;
  text-transform: uppercase;
}
#dirwidget .switch {
	padding-right: 35px;
}
#dirwidget.switch-view span.sort.title {
    display: none;
}
#dirwidget .sort:hover {
  text-decoration: none;
  background-color: #c9c9c9;
  cursor: pointer;
}
.annotated-list .sort:focus {
  outline: none;
}
#dirwidget .sort:after {
  width: 0;
  height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-bottom: 4px solid transparent;
  content: "";
  position: relative;
  top: -10px;
  right: -4px;
}
#dirwidget .sort.asc:after {
  width: 0;
  height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid #333;
  content: "";
  position: relative;
  top: 11px;
  right: -4px;
}
#dirwidget .sort.desc:after {
  width: 0;
  height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-bottom: 4px solid #333;
  content: "";
  position: relative;
  top: -9px;
  right: -4px;
}
@media only screen and (max-width: 1179px) {
	.textwidget #dirwidget .row.list {
		flex-direction: row;
	}
}
@media only screen and (max-width: 768px) {
	#dirwidget input {
	max-width: 100%;
		flex-grow: 1;
		flex-basis: 100%;
	}
	#dirwidget .item {
		width: 100%;
		margin-bottom: 15px;
	}
	#dirwidget .well {
    min-height: auto;
	}
}