/*****************************************************************************************************
* Postloops Module: Searchbox CSS (Styles for Search Results Page)
******************************************************************************************************/

/*
Container
---------------------------------------------------------------------------------------------------- */

.bub-loop.searchbox {
  margin: 0 auto;
}


/*
Columns
---------------------------------------------------------------------------------------------------- */

/* 2 Columns */

.bub-loop.searchbox {
  margin: -10px;
    /* Center single results. */
    text-align: center; 
}

.bub-loop.searchbox .entry {
  border-radius: var(--border-radius-def);
  margin: 10px;
  width: calc(50% - 20px);
  text-align: left;
}

/* 1 Column */

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

  .bub-loop.searchbox {
    margin: 0;
  }

  .bub-loop.searchbox .entry {
    margin: 0 0 15px;
    width: 100%;
  }
}


/*
Element
---------------------------------------------------------------------------------------------------- */

.bub-loop.searchbox .entry {
  background: #fff;
  box-shadow: 1px 1px 5px rgba(0,0,0,.1);
  display: inline-block;
  vertical-align: top;
}

.bub-masonry.searchbox .entry {
  display: block;
}

.bub-searchbox-content {
  padding: 25px;
}

.bub-loop.searchbox .featimg {
  margin: 0;
}

.bub-loop.searchbox .featimg__image {
  margin: 0px -5px 5px 10px;
  max-height: 110px;
  max-width: 110px;
  height: auto;
  float: right;
  width: auto;
}

.bub-loop.searchbox .entry-title {
  font-size: 1.05rem;
  line-height: 1.3;
  margin: 0;
    /* Override page styles. */
    font: var(--fn-base-def) !important;
    text-align: left !important;
}

.bub-loop.searchbox .entry-content {
  font-size: 0.9rem;
}

.bub-loop.searchbox .entry-content p:last-child {
  margin-bottom: 0;
}

.bub-loop.searchbox .bub-searchbox-label {
  background: linear-gradient( to bottom, #f9f9f9, #f5f5f5 );
  border-bottom-left-radius: var(--border-radius-def); 
  border-bottom-right-radius: var(--border-radius-def); 
  display: block;
  font-size: 0.85rem;
  padding: 0.8em 1.2em 0.7em;
}

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

  .bub-searchbox-content {
    padding: 15px;
  }
}