@font-face {
  font-family: 'Font Awesome 5 Free';
  font-style: normal;
  font-weight: 900;
  font-display: auto;
  src: url("fa-solid-900.eot");
  src: url("fa-solid-900.eot?#iefix") format("embedded-opentype"), url("fa-solid-900.woff2") format("woff2"), url("fa-solid-900.woff") format("woff"), url("fa-solid-900.ttf") format("truetype"), url("fa-solid-900.svg#fontawesome") format("svg"); }

.fa,
.fas {
  font-family: 'Font Awesome 5 Free';
  font-weight: 900; }

.fas-arrows {
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  font-size:20px!important;
  line-height:10px;
  display:inline-block;
  padding-top:3px;
}

/* {{{ Listing Controls */
#listing-controls {
  clear:both;
  display:block;
  position:relative;
}

#origin-select, #industry-select {
  position:absolute;
  display:none;
  width:20%;
  border:1px solid #6d4838;
  list-style:none;
  margin:0;
  padding:0;
  background-color:white;
  z-index:99;
}

#origin-select { top:52px;left:0%; }
#industry-select { top:52px;left:22%; }

#origin-select li, #industry-select li {
  padding:5px 0 5px 5px;
  cursor:pointer;
  border-bottom:1px solid #6d4838;
}

#origin-select li:hover, #industry-select li:hover {
 font-weight:bold;
}

#origin-select li:last-child, #industry-select li:last-child {
   border-bottom:none;
}

#search-container { float:right;width:50%; }
#search-container label { display:block;font-size:11px; }
#search-container input { width:90%;float:left; }
#search-container button {
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  background-color:#6d4838;
  border:0;
  padding:6px 6px;
  border-radius:0;
  color:white;
  width:10%;
  float:left;
  font-size:20px!important;
  display:inline-block;
}

.control-button {
  background-color:#6d4838;
  border:0;
  padding:10px 6px;
  border-radius:0;
  color:white;
  width:20%;
  font-size:14px;
  margin-right:2%;
  margin-top:12px;
  float:left;
}

.control-button span { display:inline-block;padding-top:5px; }

.control-button:active, #search-container button:active  {
  -webkit-transform:scale(.95); /* Safari and Chrome */
  -moz-transform:scale(.95); /* Firefox */
  -ms-transform:scale(.95); /* IE 9 */
  -o-transform:scale(.95); /* Opera */
   transform:scale(.95);
}

@media screen and (max-width: 850px) {
  #search-container { float:none;width:100%;clear:both;padding-top:10px; }
  .control-button {
    width:49%;
    margin-top:12px;
    float:left;
  }
  #industry {margin-right:0%; }
  #origin-select { left:0%;width:49%; }
  #industry-select { left:51%;width:49%; }
}

@media screen and (max-width: 450px) {
  #place-of-origin {margin-right:0%; }
  .control-button {
    width:100%;
    margin-top:12px;
    float:none;
  }
  #origin-select { left:0%;width:100%; }
  #industry-select { top:103px;left:0%;width:100%; }
}

/* }}} */

/* {{{ Listing */
#oahf_inductee_wrap { padding-left:2%; }
#oahf_inductee_wrap a { text-decoration:none; }

#oahf_inductee_wrap > .oahf_inductee:hover {
    background: #E2D8CC;
}


.oahf_inductee { width:48%;border:1px solid #E2D8CC; float:left;margin-right:2%;margin-bottom:10px; min-height:152px;}
/* .oahf_inductee:nth-child(odd) { clear:left; } */
.oahf_inductee img { max-width:120px;width:18%;float:left;padding:4px 0;margin-left:1%; filter:grayscale(1);}
.oahf_inductee .details { margin-left:2%;float:left;width:79%; }
.oahf_inductee .details h3 { display:block;padding:0;margin:0;padding-top:10px; }
.oahf_inductee .details p { display:block;padding:0;margin:0;padding-bottom:3px; }
.oahf_inductee .details .small-details { font-size:12px;padding:0; }
.results-warning { display:none; }

@media screen and (max-width: 680px) {
  .oahf_inductee { width:100%;max-width:500px;float:none;margin:0 auto 10px; }
}

@media screen and (max-width: 400px) {
  .oahf_inductee img { max-width:200px;width:60%;float:none;padding:0;margin:0 auto;display:block;margin-top:8px; }
  .oahf_inductee .details { margin-left:0;float:none;width:100%;text-align:center; }
}
/* }}} */

/* {{{ Details Page */
#inductee-details-header, #inductee-details-footer {
  width:100%;
  width: calc(100vw - 17px);
  position: relative;
  right: calc((100vw - 17px - 100% )/2);
  background-color: #68493d;
  background-image: url(/wp-content/uploads/2019/05/leather-texture.jpg);
  background-position: center center;
  background-size: cover;
  padding: 30px 0px 20px 0px;
}

#inductee-details-header p {
  font-family: Merriweather, serif!important;
  font-weight: 400;
  text-align: center;
  font-size: 26px;
  color:white;
}

#inductee-details-footer { margin:0;padding:0;height:6px; }

#inductee-details {width:92%;margin:0 auto; }
#inductee-details img { width:25%;float:left;margin-right:2%; filter:grayscale(1);}
#inductee-details .details { width:73%;float:left;font-family: Merriweather,serif!important;font-weight:400; }
#inductee-details .details h1 { font-size:36px;color:#6d4838;margin:0;padding:0; }
#inductee-details .details h2 { font-size:25px;color:#000000;margin:0;padding:0;font-weight:300; }
#inductee-details .details h3 { font-size:25px;color:#6d4838;margin:15px 0;padding:0;font-weight:300;font-style: italic; }
#inductee-details .details h4 { font-size:18px;color:#000000;margin:0;padding:0;font-weight:300; }

#inductee-details hr { margin-top:30px;background-color:#6d4838; }

#inductee-details .details p { font-size:18px;color:#000000;margin-top:0; }


@media screen and (max-width: 600px) {
  #inductee-details img { width:70%;float:none;margin:0 auto;display:block; }
  #inductee-details .details { width:100%;float:none;text-align:center; }
}

@media screen and (max-width: 400px) {
  #inductee-details .details h1 { font-size:28px; }
  #inductee-details .details h2 { font-size:22px; }
  #inductee-details .details h3 { font-size:22px; }
  #inductee-details .details h4 { font-size:16px; }
}

/* }}} */