button, input, select, textarea {
    font-family: inherit;
    font-size: 100%
   }
   input, textarea, select {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
   }
   label {
    display: block;
    vertical-align: top;
   }
   input[type="checkbox"]+label {
    display: inline;
   }
   fieldset {
   /* border-width: 0; */
    padding: 0;
    background: #eee;
   }
   #vehicle select {
    width: auto;
    max-width: calc(100% - 12em);
   }

   #vehicle select#vid {
    width: calc(100% - 12em);
   }

   #vehicle input[type="text"], 
   #vehicle textarea,input[type="email"], 
   #vehicle input[type="tel"] {
    width: calc(100% - 12em);
    margin: .2em auto .8em auto;
   }
   #zip {
    width: auto;
   }
   #vehicle select, 
   #vehicle input, 
   #vehicle fieldset, 
   #vehicle legend {
    margin: 0 0 1em 0 ;
   }
   legend {
    margin-left: -.1em;
    font-weight: bold;
   }

   #vehicle #descr_label,
   #vehicle select#vid_label {
    display: block;
   }

   #vehicle #descr,
   #vehicle select#vid {
    width: 100%;
    max-width: 100%;
   }

   #vehicle textarea {
    resize: vertical;
   }

  /* ------------------ General Page ------------- */

  .parent-vehicleform #main { 
    border:none;
    padding: 0;
  }

 .parent-vehicleform #main article header h1.page-title,
 .parent-vehicle-form #main article header h1.page-title {
    display: none;
  }

  .msg {
    color: green;
    font-weight: bold;
  }

.site-main article {
  position: relative;
}

.infinite-content-area {
  position: relative;
}
.site-main .returnTo,
#ownerInformation .returnTo {
  position: absolute;
  top: 15px;
  left: 15px;
  font-weight: bold;
}

#ownerInformation .returnTo {
  top: -35px;
}

#ownerInformation div.spousePartner {
  margin-left: 20px;
}

.site-main .returnTo a {
  text-decoration: none;
}

.mepr-price-menu.fixed 
.mepr-price-boxes .mepr-price-box-price {
  font-size: 1.5rem;
}

#ownerInformation {
  color: black;
}

#ownerInformation .infoBlock {
  border: 1px solid black;
}

#ownerInformation tbody {
    font-size: 1.25rem;
    line-height: 1.8rem;
}

#ownerInformation table tr {
  background: inherit;
  color: black;
}

#ownerInformation table tr td {
  padding: 0;
}

#ownerInformation a {
    /*font-weight: bold;*/
    text-decoration: underline;
    color: #026996;
}

table#userTable tbody tr {
  color: inherit;
}

table.dataTable {
  word-break: normal;
}

#userTable_filter input,
#memberTable_filter input,
#pasDatatable_filter input,
#pubsTable_filter input,
#testDatatable_filter input {
  border-color: black;
  border-bottom-width: 1px;
}

#userTable_filter label,
#memberTable_filter label,
#pasDatatable_filter label,
#pubsTable_filter label,
#testDatatable_filter label {
  font-weight: bold;
}

#pubsTable_content {
  visibility: visible;
  font-size: .9em;
}


#pubsTable_wrapper table thead tr th {
  text-align: left;
}

#pubsTable tbody tr td input[type="checkbox"],
#pubsTable_wrapper table thead tr th input[type="checkbox"]{
  transform: scale(1.5);
}

#pubsTable tbody tr td.dt-body-center {
 /* text-align: center; */
}

.dataTables_length {
  margin-bottom: 10px;
}

select#mepr_meets_attended {
  width: auto;
}

#pubsTable tbody tr td img.empTableThumb {
  width: 75px;
  max-width: 75px;
  object-fit: cover;
}

table mark {
  padding: 0;
  background: #f1c40f;
}

div a.toggle-vis.active {
  font-weight: bold;
  font-style: italic;
}
/* -------------------- Join Us -------------------------------- */

form#selectMembership {
  max-width: 400px;
}

form #submitBtn {
  border-radius: 5px;
  border: 1px solid #0066cc;
  background-color: #026996;
  color: #ffffff;
  padding: 5px 10px;
  font-size: 20px;

}

form #submitBtn:hover {
  border: 1px solid #0099cc;
  background-color: #00aacc;
  color: #ffffff;
  padding: 5px 10px;
}

form #submitBtn:disabled,
form #submitBtn[disabled]{
  border: 1px solid #999999;
  background-color: #cccccc;
  color: #666666;
}

div#membershipTypes {
    max-width: 800px;
  
    font-size: 20px;
  }

table#joinMemberships {
  background-color: transparent;
  xborder-spacing: 20px;
  border-collapse: collapse;
  width: 100%;
  max-width: 100%;
}

table#joinMemberships tbody tr td {
  text-align: center;
  line-height: 1.25em;
}

table#joinMemberships tbody tr td:first-child,
table#joinMemberships thead tr th:first-child {
  text-align: left;
  padding-left: 10px;
}

table#joinMemberships tbody tr td:nth-child(2),
table#joinMemberships thead tr th:nth-child(2) {
  text-align: left;
}

form#selectMembership select {
  font-size: inherit;
}

form input#submitBtn {
    display: block;
    margin-top: 30px;
    font-size: inherit;
    color: white;
    text-transform: none;
}

table#joinMemberships tr td,
table#joinMemberships tr th {
  border: 1px solid black;
  padding: 10px;
}

table#joinMemberships tr td:nth-child(3),
table#joinMemberships tr td:nth-child(4),
table#joinMemberships tr td:nth-child(5) {
  white-space: nowrap;
}

table#joinMemberships thead tr {
  background-color: #026996;
  color: white;
}

form#selectMembership select option,
form select.select-css select option {
  padding: 10px;
}

form#selectMembership .select-css,
form select.select-css {
  display: block;
  font-size: 16px;
  font-family: sans-serif;
  font-weight: 700;
  color: #444;
  line-height: 1.3;
  padding: .6em 1.4em .5em .8em;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  margin: 0;
  border: 1px solid #aaa;
  box-shadow: 0 1px 0 1px rgba(0,0,0,.04);
  border-radius: .5em;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background-color: #fff;
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E'),
    linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%);
  background-repeat: no-repeat, repeat;
  background-position: right .7em top 50%, 0 0;
  background-size: .65em auto, 100%;
}
form#selectMembership .select-css::-ms-expand,
form select.select-css::-ms-expand {
  display: none;
}
form#selectMembership .select-css:hover,
form select.select-css:hover {
  border-color: #888;
}
form#selectMembership .select-css:focus,
form select.fancySelect .select-css:focus {
  border-color: #aaa;
  box-shadow: 0 0 1px 3px rgba(59, 153, 252, .7);
  box-shadow: 0 0 0 3px -moz-mac-focusring;
  color: #222;
  outline: none;
}
form#selectMembership .select-css option,
form select.select-css option {
  font-weight:normal;
}

div.selectNotes {
  font-style: italic;
  font-size: 18px;
}

/* -------------------- learnInfo flexboxes -------------------- */

#learnInfo
{
  display:flex;
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  margin:0;
  list-style-type:none;
  padding:0;
}

#learnInfo div.learnBlock
{
  list-style-type:none; 
  margin:10px;
  margin-top: 0;
  text-align: left;
}

#learnInfo span.button a
{
  text-align:left;
  margin-top:auto;
  font-size:1rem;
  line-height:1rem;
  background:#3d6b99;
  color:#FFF;
  border-radius:5px;
  display:inline-block;
  text-decoration:none;
  padding:.5rem 1rem;
}

#learnInfo span.button
{
  text-align:left;
  margin-top:auto;
}

#learnInfo div.learnBlock h3 {
  text-align: left;
  margin: 0 0 15px;
  color: #145474;
  font-size: 1.125rem;
}

#learnInfo div.learnBlock.left {
  text-align: left;
}

#learnInfo div.learnBlock.center {
  text-align: center;
}

#learnInfo div.learnBlock.right {
  text-align: right;
}

@media only screen and (max-width: 800px) {
    #learnInfo {
        flex-flow: column wrap;
    }
}


  /* ------------------ Photo gallery ------------ */
 
#image-list { 
  list-style-type: none; 
  margin: 0; 
  padding: 0; 
}
#image-list li { 
  margin: 10px 10px 10px 10px; 
  display: inline-block;
  height: 100px;
  width: 100px;
  overflow: hidden;
  cursor: -webkit-grabbing; 
  cursor: grabbing;
  float:left;
  position: relative;
}
#image-list li img{
  position: relative;
  object-fit: contain;
  background: gray;
}

#image-container{
  margin-bottom: 14px;
}

#vehicle #gallery {
  min-height: 160px;
}

#image-list li span {
  display:none;
}

#image-list li:hover span {
  display:block;
  position: absolute;
  top: 2px;
  right: 2px;
  background: white;
  border-radius: 5px;
  font-size: 10px;
}

label {
      display: inline-block;
   /*   width: 10em; */
  }
  input[type="text"], input[type="email"], input[type="tel"] {
      width: 55%; 
  }

/* --------------------- Welcome Back Widget ------------------ */

aside.widget_welcomeback span {
  color: #145474;
  font-weight: bold;
}

aside.widget_welcomeback ul {
  margin-left: 20px;
/*  font-size: .9rem;
  line-height: 1.2rem; */
}

aside.widget_welcomeback > ul {
  list-style: none;
}

/*---------------------- Vehicle Details ---------------------- */

.xvehicleDetails {
  border: 1px solid black;
  padding: 5px;
  margin-top: 10px;
  margin-bottom: 10px;
  background: #eee;
}

.infoBlock {
  border: 1px solid black;
  padding: 5px;
  margin-top: 10px;
  margin-bottom: 10px;
  background: #eee;
  overflow: hidden;
}

.vehicleDetails td table.history {
  margin: 0;
}

.vehicleDetails td.history {
  padding: 0;
}

div#vehicleTabs {
  border: none;
}

div#vehicleTabs ul {
  background: none;
}

div#vehicleTabs ul li {
  border: 1px solid black;
}

/* --------------------- vehicles page ------------------------ */

ul.sub-nav-menu {
  text-align:center;
}

.sub-nav-menu li {
    display: inline-block;
    position: relative;
    text-align: left;
    z-index: 999;

    padding: 5px;
    border: 1px solid black;
    background: #17507f;
    color: white;
    border-radius: 4px;
    margin: 10px;
    min-width: 100px;
    text-align: center;
}

.sub-nav-menu li a {
  color: white;
}

#target table {
  width: auto;
 /* border: 1px solid #ddd;
  border-radius: 10px;*/
  background: #f9f9f9;
  margin: 0 auto;
  margin-bottom: 0;
  display: table !important;
}

#target table th,
#target table td,
#target table td select {
  border:none;
}

#target table td {
  border: 1px solid black;
}


#target table th {
  text-align: center;
  white-space: nowrap;
}

#userTable_wrapper select,
#memberTable_wrapper select,
#pasDatatable_wrapper select,
#pubsTable_wrapper select,
#testDatatable_wrapper select {
  border: 1px solid black !important;
}

#userTable_wrapper,
#memberTable_wrapper,
#awardTable_wrapper,
#pasDatatable_wrapper,
#pubsTable_wrapper,
#testDatatable_wrapper  {
  margin-top: 15px;
}

#userTable_filter label,
#memberTable_filter label,
#awardTable_filter label,
#pasDatatable_filter label,
#pubsTable_filter label,
#testDatatable_filter label {
  font-weight:bold;
  margin-bottom: 5px;
}

#userTable_filter label input,
#memberTable_filter label input,
#awardTable_filter label input,
#pasDatatable_filter label input,
#pubsTable_filter label input,
#testDatatable_filter label input {
  font-weight: normal;
  line-height: 1.6em;
}

#memberTable_wrapper  table td:nth-child(2) {
  text-align:center;
}

#pasDatatable_length label select,
#pubsTable_length label select,
#testDatatable_length label select {
  width: auto;
  min-width: auto;
}

#clear {
  margin-left: 20px;
}

/* ---------------------- Tables ------------------------------ */

table {
  layout: fixed;
}


/* ---------------------- datatable --------------------------- */

table.dataTable {
  width: 100% !important;
  /*line-height: 1.25em;*/
}

#userTable td,
#memberTable td,
#awardTable td,
#meetsTable td,
#pubsTable td,
#pubDetail td,
#pasDatatable td,
#testDatatable td {
/*  max-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; 
  border: 1px solid gray;*/
  text-align: left;
}

#userTable td a,
#memberTable td a,
#awardTable td a,
#meetsTable td a,
#pubsTable td a,
#pasDatatable td a,
#pubsTable td a, 
#testDatatable td a {
  text-decoration: none;
}

.vehicleButton {
  margin: 0;
  padding: 0.6em 1em;
  border: none;
  background: #17507f;
  color: white;
  text-decoration: none;
  font-size: 17px;
  
  border-radius: 5px;
}

.vehicleButton:visited,
.vehicleButton:hover,
.vehicleButton:link,
.vehicleButton {
  color:white;
}

#vehicle-box th, #vehicle-box td,
#member-box th, #member-box td { 
  max-width: 200px; 
  min-width: 70px; 
  overflow: hidden; 
  text-overflow: ellipsis; 
  white-space: nowrap; }

#target table tbody select {
  max-width: 200px;
} 

#target table tbody td input[type="text"], 
#target select,
#memberTable_wrapper input[type='text'], 
#memberTable_wrapper select,
#userTable_wrapper select,
#awardTable_wrapper input[type='text'], 
#awardTable_wrapper select,
#pasDatatable_wrapper input[type='text'], 
#pasDatatable_wrapper select,
#pubsTable_wrapper input[type='text'], 
#pubsTable_wrapper select,
#testDatatable_wrapper select {
  font-size: 18px;
  height: 1.6em;
}

.dataTables_processing {
z-index: 1000;
}
 /*table#testDatatable tbody {
  visibility: hidden;
 }*/


/* --------------------- Vechicle Detail Table ---------------- */

#vehicleData td:nth-child(1) {  
  width: 15%;
}

#vehicleData td {
  text-align: left;
}

/* --------------------- Publications Detail Table ------------- */
table#pubDetail {
    border: 1px solid #aaa;
    border-spacing: unset;
    border-collapse: unset;
}
table#pubDetail tr {
  line-height: 1.5em;
}
table#pubDetail td {
  padding: 0 10px;
  text-align: left;
}

#iframe-container {
  width: 100%;
  height: 800px;
}

/* --------------------- Tabs --------------------------------- */

 /* Style the tab */
.tab {
  overflow: hidden;
  border: 1px solid #ccc;
  background-color: #f1f1f1;
}

/* Style the buttons that are used to open the tab content */
.tab button {
  background-color: inherit;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  transition: 0.3s;
}

/* Change background color of buttons on hover */
.tab button:hover {
  background-color: #ddd;
}

/* Create an active/current tablink class */
.tab button.active {
  background-color: #ccc;
}

/* Style the tab content */
.tabcontent {
  display: none;
  padding: 6px 12px;
  border: 1px solid #ccc;
  border-top: none;
} 

/* --------------------- Help --------------------------------- */

#vehicle legend {
  margin-bottom: 0;
}

#vehicle div.help {
  font-style: italic;
  margin-bottom: 1em;
} 

/* ----------------------- customization options page ---------- */

form fieldset {
  border: 2px solid;
  padding: 5px;
  }

/* ----------------------- jQuery Sortable ---------------------- */

#sortable { list-style-type: none; margin: 0; padding: 0; width: 60%; }
#sortable li { margin: 0 3px 3px 3px; padding: 0.4em; padding-left: 1.5em; font-size: 1.4em; height: 18px; }
#sortable li span { position: absolute; margin-left: -1.3em; }

#sortable li {
  height: 40px;
}

/* ----------------------- Edit History ------------------------ */

#historyForm {
  border: 1px solid black;
  background: #eee;
  border-radius: 10px;
  padding: 10px;
}

#editHistory {
  table-layout: auto;
}

#editHistory td input {
  width: 100%;
}

.addLink {
  float: right;
  margin-right: 10px;
}

#editHistory .move-icon {
  cursor: move;
}

#mask {
    background: #000;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 10;
    width: 100%;
    height: 100%;
    opacity: 0.5;
    z-index: 999;
}

.member-popup,
.vehicle-popup {
    display: none;
    background: white;
    padding: 10px;
   /* width: 450px;*/
    border: 2px solid #145474;
    font-size: 1em;
    position: fixed;
    top: 10%;
    left: 50%;
    z-index: 99999;
    box-shadow: 0px 0px 20px #999; 
    /* CSS3 */
    -moz-box-shadow: 0px 0px 20px #999;
    /* Firefox */
    -webkit-box-shadow: 0px 0px 20px #999;
    /* Safari, Chrome */
    border-radius: 3px 3px 3px 3px;
    -moz-border-radius: 3px;
    /* Firefox */
    -webkit-border-radius: 3px;
    /* Safari, Chrome */;   
}

.xvehicle-popup {
  width: 650px;
}

#editHistory td.comments {
  margin: 0;
  padding: 0;
}

#editHistory td.comments textarea.comment {
  margin: 0;
  padding: 0 3px;
}

#editHistory thead tr th:first-child,
#editHistory thead tr th:last-child,
#editHistory tbody tr {
  background: #eee;
}

#editHistory thead th {
  background: #eee;
  color: black;
  text-align: left;
  font-size: 1.1em;
}

/*#editHistory tbody:before {
  line-height:1em; 
  content:"\200C"; 
  display:block;
}*/

#editHistory {
  border-spacing: 10px;
  border-collapse: separate;
}

#editHistory tbody tr td input {
  padding: 0 5px;
}


.editLink {
  position: relative;
}
/* https://stephanwagner.me/only-css-loading-spinner */
@keyframes spinner{
  to {transform: rotate(360deg);}
}
 
.spinner:before{
  content: '';
  box-sizing: border-box;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 20px;
  height: 20px;
  margin-top: -10px;
  margin-left: -10px;
  border-radius: 50%;
  border: 2px solid #ccc;
  border-top-color: #000;
  animation: spinner .6s linear infinite;
}

a.pickNonMember {
  background: orange;
  color: black;
  padding: 10px;
  border-radius: 5px;
  font-weight: bold;
}

/* ---------------------------- ACF form ----------------------------- */

.acf-field .acf-input .acf-input-wrap input[readonly] {
  background-color: yellow;
}

#acf-form {
    border: 1px solid black;
    background: #eee;
    border-radius: 10px;
    margin-top: 10px;
}

div.acf-form-fields input[type='text'], 
div.acf-form-fields select
  {
   width: 100%;
   min-width: 100%;
   height: 50px;
   color: #b5b5b5;
   background-color: #fff;
   font-size: 21px;
}

div.acf-field.shortField {
  width: 32%;  
  xfloat:left;
  vertical-align: top;
  display:inline-block;
}

div.acf-field.medField {
  width: 49%;  
  display: inline-block;
  xfloat:left;
  vertical-align: top;
}

#message.updated {
  color: green;
  font-weight: bold;
}

div.acf-input ul.acf-radio-list li {
  font-size: inherit;
}
div.acf-form-submit input[type="submit"],
input[type="submit"] {
    background: #17507f;
    padding: 8px 15px 8px 15px;
    border: none;
    color: #fff;
    border-radius: 5px;
    margin: 10px;
}

#acf-form .acf-notice p {
  font-size: inherit;
}

span.cancelButton a {
  background: #17507f;
  padding: 8px 15px 8px 15px;
  border: none;
  color: #fff;
  border-radius: 5px;
  margin: 10px;
  text-decoration: none;
  font-family: "Source Sans Pro", sans-serif;
  font-size: 13px;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 0.8px;
  float: right;
}

span.cancelButton a:hover {
  color: #fff;
}

/* --------------------- Transfer ACF Form -------------------- */


form.transferForm .acf-input-wrap {
  overflow: unset;
}

form.transferForm .acf-input-wrap input {
   font-size: 1em;
 }

#editHistory td input, 
#editHistory td textarea {
  color: black;
  vertical-align: top;
}

.displayNone {
  display: none;
}

.member-popup #popupTable_filter,
.vehicle-popup #vehiclepopupTable_filter {
  float: none;
  text-align: center;
}

table#popupTable,
table#vehiclepopupTable {
  text-align: left;
}

#editHistory tr td {
  line-height: 1em;
}

#editHistory tr td {
  padding: 0;
}

#editHistory tr.owner input[class=name] {
  color: green !important;
}

#editHistory tr.owner input[class=to] {
    pointer-events: none;
    cursor: not-allowed;
    color: #aaa;
    background: #f5f5f5;
}

#editHistory .missing {
  border: 4px solid #F55E4F;
}

#historyForm a.addLink {
  background: black;
  padding: 8px 15px 8px 15px;
  border: none;
  color: #fff;
  border-radius: 0;
  margin: 10px;
  font-size: 13px;
  font-weight: 700;
  text-transform: uppercase;
}

.missingMsg {
  display: none;
  color: white;
  background: #F55E4F;
  border-color: #f33b28;
  padding: 5px;
}

.successMsg, 
.noteHighlight {
  color: green;
}

/* --------------------- Edit Member Information -------------- */

form#editMember {
  border: 1px solid black;
  background: #eee;
  border-radius: 10px;
  padding: 10px;
}


/* --------------------- Awards List -------------------------- */

form#editAward {
  border: 1px solid black;
  background: #eee;
  border-radius: 10px;
  padding: 10px;
}

table#awardList {
  border-collapse: collapse;
}

table#awardList tr td {
  border: none;
 }

table#awardList tr td:nth-child(1) {
  width: 20%;
  text-align: center;
}

table#awardList tr td:nth-child(1) img {
  width: 70%;
  vertical-align: top;
  padding-top: 4rem;
}

table#awardList tr td p.awardTitle {
  text-align: center;
  font-weight: bold;
  font-size: 1.2rem;
}

table#awardList tr td p.awardCoontent {
  text-align: justify;
}

/* ------------------- Award Recipients ---------------------- */

div.awardRecipients > img {
  float: left;
  margin-right: 15px;
  width: 100px;
}

div.awardRecipients p.awardTitle {
  font-size: 1.2rem;
  font-weight: bold;
  margin-bottom: 0;
}

div.awardRecipients p.awardContent {
  text-align: justify;
}

div.awardRecipients p.awardContent img {
  float: left;
  margin-right: 15px;
  width: 150px;
}

div.awardRecipients .awardImage a {
  float: right;
}

div.awardRecipients .awardImage a img {
  width: 300px;
}

div.awardRecipients .awardDetails {
  float: left;
}

div.awardRecipients .awardDetails .awardHighlight,
div.awardHighlight {
  font-weight: bold;
  color: midnightblue;
  font-style: italic;
}

div.awardHighlightCenter {
  text-align: center;
  font-weight: bold;
  color: midnightblue;
  font-style: italic;
}

/* --------------------- Meets list table --------------------- */

#meetsTable {
  width: 100%;
}

#meetsTable thead {
  background-color: #3d6b99;
  color: white;
}

#meetsTable tbody tr:nth-child(even) {
  background: #eee;
}

#meetsTable thead tr th:nth-child(2) {
  width: 10%;
}

#meetsTable thead tr th:nth-child(3) {
  width: 30%;
}

#meetsTable tbody td span.upcoming {
  color: green;
  font-weight: bold;
}

p.upcomingEvent {
  color: green;
  font-weight: bold;
  text-align: center;
}

/* --------------------- Single meet details ------------------ */

div#meetDetails .meetInfo {
  text-align: center;
  font-style: italic;
}

div#meetDetails .meetInfo .meetTitle {
  font-size: 1.2rem;
  font-weight: bold;
  color: midnightblue;
}

/* ---------------------------- bbPress ------------------------------ */

#bbpress-forums div.authorLink {
  position :relative;
  z-index: 999;
}
#bbpress-forums div.authorLink a {
  display: block;
}
#bbpress-forums .showme {
  display: none;
  position: relative;
  border: 3px ridge navy;
  background: #EEE8CD;
  text-align: left;
  max-width: 250px;
  min-width: 200px;
  font-size: .8em;
  border-radius: 5px;
  padding: 5px;

padding-left: 10px;
}

/*
#bbpress-forums div.authorLink:hover .showme {
  display: block;
}
*/

#bbpress-forums a.bbp-author-avatar,
#bbpress-forums span.bbp-author-ip {
  display: none;
}

#bbpress-forums ul li.bbp-body div.bbp-reply-author {
  padding-left: 0;
}

#bbpress-forums ul.bbp-forum-visibility-hidden {
  display: none;
}

/* ------------------ Emporium list details ------------------- */

#singleEmporium .empTitle {
  font-weight: bold;
}

#singleEmporium .empWhat,
#singleEmporium .empName,
#singleEmporium .empPrice {
  display: inline-block;
}
#singleEmporium .empPrice {
  float: right;
}

#singleEmporium .empDesc {
  margin: 10px 0;
}

#singleEmporium .empSince {
  font-size: .9em;
  font-style: italic;
}

#singleEmporium .empGallery figure {
  width: auto;
}

#singleEmporium .empGallery img {
  margin-right: 10px;
}

#singelEmporium .empOther {
  margin-top: 10px;
}

.statsColumn .btn {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
  border: 1px solid transparent;
      border-top-color: transparent;
      border-right-color: transparent;
      border-bottom-color: transparent;
      border-left-color: transparent;
  border-radius: 4px;
}
.statsColumn .btn-green {
  color: #fff;
  background-color: #449d44;
  border-color: #398439;
}
.statsColumn .btn-blue {
  color: #fff;
  background-color: rgb(2, 105, 150);
  border-color: rgb(2, 105, 150);
}

.statsColumn p.center {
  text-align: center;
}
/* ------------------ Club Statistics ------------------------- */

div.recently-vehicles ul li,
div.recently-emporium ul li {
  line-height: 1em;
  margin-bottom: 10px;
}

div.recently-vehicles ul span.vehicleAuthor,
div.recently-emporium ul span.emporiumAuthor,
div.recently-emporium ul span.emporiumCategory,
div.recently-emporium ul span.emporiumSince {
  font-style: italic;
  font-size: .8em;
}

div.recently-emporium ul span.emporiumCategory,
div.recently-emporium ul span.emporiumSince {
  font-weight: bold;
}

div.statsData span.header {
  font-weight: 600; 
  font-style: italic;
}

div.statsData .itemCount {
  font-weight: normal;
}

div.statsData span.dashicons,
div.statsColumn span.dashicons,
statsArrow {
  line-height: inherit;
  float: right;
}

div.statsData span.dashicons.opened,
div.statsColumn span.dashicons.opened {
  display: none;
}

span.statsArrow {
  border: solid black;
  border-width: 0 3px 3px 0;
  display: inline-block;
  padding: 3px;
  border-color: black !important;
  margin-top: .8em;
  float: right;
}

span.statsArrow.right {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  display: block;
}

span.statsArrow.left {
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
}

span.statsArrow.up {
  transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
}

span.statsArrow.down {
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  display: none;
}

div.statsColumn.legend {
  display: block;
}

div.statsColumn div.infoLeft {
  display: inline-block;
  float: left;
}

div.statsColumn div.infoRight {
  display: inline-block;
  float: right;
  text-align: right;
}

div.statsColumn div.infoRight .statsArrow {
  margin-left: 13px;
  margin-right: 7px;
}

div.statsShortCode {
  width: 100%;
  height: 100%;
}

div.statsRow {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%;
  justify-content: space-between;
  font-size: 20px;
}

div.statsColumn {
  display: flex;
  flex-direction: column;
  width: 32.5%;
  border: 1px solid #aaa;
  padding: 10px;
  border-radius: 10px;
  margin-bottom: 10px;
  height: 500px;
  overflow: scroll;
  max-height: 50vh;
}

div.statsColumn.legend {
  width: 100%;
  height: auto;
  overflow: auto;
  font-style: italic;
}

div.statsColumn ul {
  list-style: none;
  margin-left: 0;
}

div.statsTitle {
  font-weight: bold;
}

div.statsExpand {
  display: inline-block;
  float: right;
  font-weight: normal;
}

span.statsBold {
  font-weight: bold;
}

span.statsSmall {
  font-size: .9em;
  font-style: italic;
}

div.statsExcerpt {
  display: none;
  border: 1px ridge navy;
  background: #EEE8CD;
  text-align: left;
  padding: 10px;
  border-radius: 10px;
  margin-top: 10px;
}

/*div.statsPostTitle:hover div.statsExcerpt {
  display: block;
}*/

div.statsPostTitle {
  margin-bottom: 3px;
  line-height: 1.25em;
}

span.statsColumn span.header {
  font-weight: bold;
  font-style: italic;
}

div.statsList.hide ul {
  display: none;
}

div.statsList a.showHide {
  display: none;
}

div.statsList.hide a.showHide {
  display: inline-block;
}

div.statsList a.showHide {
  padding-left: 10px;
}

div.statsColumn span.dot {
  height: 15px;
  width: 15px;
  background-color: green;
  border-radius: 50% !important;
  display: inline-block;
  margin-left: 10px;
}

div.statsRow.statsShortCode {
  flex-direction: row;
}

div.statsColumn.statsShortCode.left {
  width: 65%;
  overflow:visible;
  height:unset;
  max-height:unset;
  border-radius: 10px !important;
  background: #eee;
  border: 1px solid #ccc !important
}

div.statsColumn.statsShortCode.right {
  width: 32.5%;
  height:unset;
  max-height:unset;
}

div.statsColumn.statsShortCode div.bbp-breadcrumb {
  width: 36%;
  float: left;
  font-weight: bold;
}
div.statsColumn.statsShortCode div.bbp-search-form {
  width: 60%;
  float: right;
}

div.statsColumn.statsShortCode #bbp-search-form #bbp_search_submit {
  text-transform: none;
  float: right;
}

div.statsColumn.statsShortCode #bbpress-forums #bbp-search-form #bbp_search {
  background: white;
  color: gray !important;
  font-size: 1.5em;
  line-height: 1.5em;
  height: 1.5em;
  width: 80%;
}

div.statsColumn.statsShortCode 
#bbpress-forums li.bbp-body ul.forum .bbp-forum-title {
  color: rgb(244,75,56);
}

div.statsData div.theTopic {
  overflow: hidden;
  max-width: calc(100% - 3em);
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
  margin: 0;
  vertical-align: top;
}

div.statsData div.theTopic.noNum,
div.statsData div.theTopic.noDot {
  max-width: calc(100% - 3em);
}

div.statsData span.statsSmall {
  overflow: hidden;
  max-width: 100%;
  display: inline-block;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 0;
  vertical-align: top;
}

div.statsData div.theRest {
  display: inline-block;
}

div.statsData a {
  text-decoration: none;
}

/* ------------------ BBPress Hide Start New and Add reply ---- */

/* AACA MODS */

/*
div#bbpress-forums .startnew {
  display: none;
}

div.bbp-reply-form {
  display: none;
}

div.bbp-meta span.bbp-admin-links {
  display: none;
}
*/

/* ------------------ Loading Spinner ------------------------- */

.ajaxLoader {
  position: fixed;
  top: 50%;
  left: 50%;
  margin-left: -60px;
  margin-top: -60px;
  border: 16px solid #f3f3f3;
  border-radius: 50%;
  border-top: 16px solid #3498db;
  width: 120px;
  height: 120px;
  -webkit-animation: spin 2s linear infinite; /* Safari */
  animation: spin 2s linear infinite;
  display: none;
  z-index: 999;
}

#test {
position: relative;
}
/* Safari */
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

@media(hover: hover) and (pointer: fine) {

  #bbpress-forums div.authorLink:hover .showme {
    display: block;
  }
}

/* --------------------- @Media iPad  ------------------------- */

@media only screen and (max-width: 800px) {

  #vehicleData td:nth-child(1) {  
    width: auto;
  }

}

/* --------------------- @Media iPhone ------------------------- */

@media only screen and (max-width: 667px) {

  #vehicle select {
    width: auto;
    max-width: none;
   }

  #vehicle select#vid {
    width: 100%;
    max-width: none;
   }

  #vehicle input[type="text"], 
  #vehicle textarea,input[type="email"], 
  #vehicle input[type="tel"] {
    width: 100%;
    max-width: none;
    margin: .2em auto .8em auto;
   }

  div.awardRecipients .awardImage a {
    float: none;
  }

  div.awardRecipients .awardImage a img {
    width: 100%;
  }

  div.statsRow.statsShortCode {
    display: block;
    flex-direction: unset;
  }

  div.statsColumn,
  div.statsColumn.statsShortCode.left,
  div.statsColumn.statsShortCode.right {
    flex: unset;
    width: 100%;
    margin-bottom: 10px;
    height: auto;
    max-height: none;
    overflow: unset;
    background: none;
  }

  div.statsColumn.statsShortCode .statsTitle,
  div.statsColumn.statsShortCode .statsData {
    padding: 1%;
  }

  div.statsColumn div.bbp-forum-content,
  div.statsColumn li.bbp-forum-topic-count,
  div.statsColumn li.bbp-forum-reply-count {
    display: none;
  }

  div.statsColumn li.bbp-forum-freshness {
    display: inline-block;
  }

  div.statsColumn li {
    width: 100%;
    padding: 0;
    font-size: .9em;
  }
   
  div.statsShortCode {
    max-height: unset;
  }

  div.statsColumn div.infoRight {
    float: left;
    text-align: left;
  }

}

@media (min-width: 30em) {
    
}