﻿.glyphicon { margin-right:5px; }
/*filter Settings Panel*/
#pnlBasicSettings > .well {
    background: white;
}

.posts-categories {
    background-color: transparent;
}
/*END: filter Settings Panel*/
.thumbnail
{
    margin-bottom: 20px;
    padding: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 4px;
}

/* List Grid */ 
.item.list-group-item
{
    float: left;
    background-color: #fff;
    margin-bottom: 10px;
    height: 100px;
    width: 96%; /*100% was overextending*/
}
.item.list-group-item:nth-of-type(odd):hover,.item.list-group-item:hover
{
    background: #428bca;
}

.item.list-group-item .list-group-image
{
    margin-right: 10px;
    max-width:70px;
    max-height:50%;

}
.item.list-group-item .thumbnail
{
    margin-bottom: 0px;
}
.item.list-group-item .caption
{
    padding: 9px 9px 0px 9px;
}
.item.list-group-item:nth-of-type(odd)
{
    background: #eeeeee;
}

.item.list-group-item:before, .item.list-group-item:after
{
    display: table;
    content: " ";
}

.item.list-group-item img
{
    float: left;
}
.item.list-group-item:after
{
    clear: both;
}
.list-group-item-text
{
    margin: 0 0 11px;
}
/* END: List Grid */ 

/*Masonry Grid*/

#divPosts {
    /*height: 100% !important;*/
    /*-moz-column-width: 18em;
 -webkit-column-width: 18em;
 -moz-column-gap: 1em;
 -webkit-column-gap:1em;*/
}
  
.item {
    /*display: inline-block;*/
    /*padding:  0.5rem;*/
    padding: 1rem;
    width: 300px;
    height: 360px;
      margin: 5px;
    float: left;
    -webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
    background-color: white;
    overflow: hidden;   /*Stops Ribbon from overflowing past container*/
    position: relative; /*Added to allow for absolute position of ribbon not overflowing (Above)*/
}

/* Mobile Styling/Centering for one column */

/* Desktop Only */
@media screen and (min-width: 1200px) { /* Anything below 1200px will require scroll*/
    #itemsTrending > div, #servicesTrending > div{
        overflow: hidden;
    }

   #itemsTrending > .text-center, #servicesTrending > .text-center {
       display:none;
   }
}

@media screen and (min-width: 1261px) {
        .item {
        margin-left: 15px;
    }
}

/*Smaller than desktop*/
@media screen and (max-width: 1260px) {
        .item {
        margin-left: 5px;
    }
}


/*Code below depreciated because integration of trending slider/touch scroll behavior pulls to the left automatiicaly, and doesnt require specific spacing anymore (onlu relative margin above)*/
/*Ipad*/ /*
@media screen and (max-width: 901px) {
        .item {
        margin-left: 5px;
    }
}

/*Other Phones */ /*
@media screen and (max-width: 767px) {
    .item {
        margin-left: 29%;
    }
}

/*Other Phones */ /*
@media screen and (max-width: 450px) {
        .item {
        margin-left: 14.5%;
    }
}
/*iPhone 6 Plus */ /*
@media screen and (max-width: 415px) {
        .item {
        margin-left: 12.5%;
    }
}
/*iPhone 6 */ /*
@media screen and (max-width: 376px) {
        .item {
        margin-left: 8.5%;
    }
}
/*iPhone 5 */ /*
@media screen and (max-width: 320px) {
        .item {
        margin-left: 2.5%;
    }
}
/* END: Mobile Stylinh/Centering for one column */

.list-group-image {
    max-width: 280px;
    max-height: 200px;
}
.posts-profile-img {
    max-width: 25px;
    max-height: 25px;
}
  /*  
.thumbnail {
 position:relative;
 display: block;
}

/*END: Masonry Grid*/
    
/*Filters*/

.thFilterSmall {
    max-width:100px;
    padding-right:10px;
}

.thFilterLarge {    
    max-width:250px;
    padding-right:10px;
}

.paddedFilterButton {
    padding-top:23px;
}
/*END: Filters*/


#/*btnLoadMorePosts {
    width: 175px;
}*/

/*Mobile Post Price/Value* - Prevents mobile price/value  (visible-xs) from displaying in "grid-mode" */
.post-mobile-value {
    display:none;
}
@media (max-width: 410px) {
    .list-group-item > div > h4 > .post-mobile-value {
        display: inline;
    }

    /*.post-desktop-value {
        display: none;
    }*/
}
/*END: Mobile Price/Value*/




/*Pinterest-Like Responsive Grid*/
.saved-post-icon {   /*Saved Post heart*/
    position: absolute;
    top: 10px;
    left: 10px;
    color: white;
    border-style: solid;
    border: 3px;
}

.posts-articles {
  position: relative;
  max-width: 100%;
  width: 100%;
}


.white-panel {
  position: absolute;
  background: white;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3);
  padding: 10px;

  /*Hover*/
    -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.white-panel-img {
  width: 100%;
  max-width: 100%;
  height: auto;
}
.white-panel {
  position: absolute;
  background: white;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3);
  padding: 10px;
}
/*
stylize any heading tags withing white-panel below
*/

.white-panel h1 {
  font-size: 1em;
}
.white-panel h1 a {
  color: #A92733;
}
.white-panel:hover{
  box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.5);
  margin-top: -5px;
}
/*END: Pinterest-Like Responsive Grid*/
/*Search Panel*/
#pnlPosts > .well {
    background-color: white;
    margin-top: 20px;
}
/*END: Search Panel*/

/*Recent Search Results*/
.recent-searches, .posts-sort {
    padding-top: 10px;
}
.recent-search-content > .badge {
    margin-right: 15px;
}
/*END: Recent Search Results*/

/*Sort*/
 .posts-sort-head {
     padding-top: 5px;
 }
 .sort-container {
    width: 125px;
    max-height: 350px;
    position: absolute;
    top: 30px;
    left: 6px;
    background-color: white;
    z-index: 1;
    -webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
 }

 .sort-container a[selected] {
     text-decoration: underline;
 }

.btn-posts-sort {
    text-transform: capitalize;
}
/*END: Sort*/