/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */
/*  styling for UTCVM Give template        */
/*  ==================   FUND STYLING  ======================   */
/*  give styling */
.filteredResults {
  display: none;
  background: #eee;
  font-weight: 700;
}

a.removeMe:link {
  font-weight: 700;
  /*
      color:#ff0000;	
      background-color: #ffffff;	
      padding: 4px;
      */
  padding: 4px;
  border: 1px solid #444444;
}

/* ** hide x in search containers **/
div.fundSearch input[type=text]::-ms-clear {
  display: none;
}

span#clearSearch {
  cursor: pointer;
  border: 1px solid #ccc;
  border-left: 0 none;
  display: inline-block;
  padding: 0;
  height: 32px;
  width: 1.5rem;
  text-align: center;
  background-color: #eee;
  font-size: 19px;
  font-weight: 700;
}

.fundContainer {
  margin: 0;
  padding: 0;
  margin-top: 2em;
  width: 100%;
}

li.dim {
  visibility: hidden;
  display: none;
}

.giftFund {
  width: 1em;
  height: 1em;
  vertical-align: top;
}

.filteredResults.dim {
  visibility: visible;
  display: block;
}

.fund-header {
  font-size: 1rem;
}

.fundSearch {
  margin: 0 0 0em 0;
  /*
    border: 2px solid #eee;
    */
  padding: 4px;
}

.fundDesc {
  display: none;
  position: relative;
  top: -2em;
  background: #fefefe;
}

.cartContainer {
  border: 1px solid #bbb;
  /*
      background:#eee;
      margin: 1rem;
    */
  padding: 6px 0 0 0;
  border-right: 0 none;
  border-left: 0 none;
}

ul.myCart > li {
  margin-bottom: 1rem;
  border-bottom: 1px solid #ddd;
}

ul.myCart, ul.funds, ul.funds {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

ul.funds, ul.funds ul {
  margin-bottom: 3rem;
  overflow: auto;
  list-style-type: none;
}

ul.funds {
  display: block;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}

@media only screen and (min-width: 900px) {
  ul.funds {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-count: 2;
            column-count: 2;
  }
}

ul.funds li, ul.funds li ul li {
  text-indent: 0;
}

ul.funds > li {
  /*
    margin-left: 1%;
    margin-right: 1%;
    */
  -ms-flex-preferred-size: 50%;
      flex-basis: 50%;
  margin: .2rem;
  padding-left: 0;
  padding-right: 0;
  /*    min-height: 300px;*/
  overflow: hidden;
  /*    margin-bottom: 3em; 
    margin-top: 0;
    padding-top: 0;
*/
}

ul.funds li {
  position: relative;
  margin-bottom: .5rem;
}

.fund-info {
  display: none;
  border: 0 none;
  height: 1em;
  width: 1em;
  /*cursor: help;*/
  padding: 0;
}

.fund-info .dashicons {
  font-size: 1em;
  display: block;
  width: 100%;
  height: 100%;
}

ul.funds label {
  margin: 0;
  padding: 0;
  vertical-align: top;
  /* cursor: help; */
  display: inline;
}

ul.funds h3 {
  margin-top: 0;
  padding-top: 0;
  margin-left: .6em;
  background: #bbb;
}

ul.funds img {
  max-width: 400px;
  width: 100%;
  margin: 0;
  padding: 0;
  display: block;
  margin: 0 auto;
  background: #eee;
}

ul.funds li div {
  margin-bottom: 2em;
  padding-top: 0;
}

ul.funds div.fundDesc {
  position: relative;
  background: #444;
  color: #eee;
  top: 0;
  padding: 1em;
  cursor: pointer;
}

ul.funds div.fundDesc p {
  color: #eee;
}

.cartContainer input[type=button] {
  display: none;
}

.has-items, .has-search-items {
  display: none;
}

/* Landscape phone to portrait tablet */
@media only screen and (max-width: 780px) {
  ul.funds > li {
    float: none;
    width: 98%;
    /*      min-height: 200px;  */
  }
}
/*# sourceMappingURL=utia-give-public.css.map */