/***
Custom
***/

.new-marker {
  font-size: small;
  margin-left: 3px;
  margin-right: 3px;
  padding: 0 4px;
  background-color: rgba(240,130,50, 0.2);
}

div#patternsindex {
  font-size: small;
}
div#patternsindex p {
  font-weight: bold;
}

.col-xs-5ths,
.col-sm-5ths,
.col-md-5ths,
.col-lg-5ths {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.col-xs-5ths {
    width: 20%;
    float: left;
}

@media (min-width: 768px) {
    .col-sm-5ths {
        width: 20%;
        float: left;
    }
}

@media (min-width: 992px) {
    .col-md-5ths {
        width: 20%;
        float: left;
    }
}

@media (min-width: 1200px) {
    .col-lg-5ths {
        width: 20%;
        float: left;
    }
}

.feature-panel {
   background: #f5f5f5;
   border-width:0px;
   border-color:#f5f5f5
}

.presentation-image {
    float: left; 
    width: 30%; 
    margin-right: 20px
}

.presentation-divider {
    clear: left;
    margin-bottom: 1em;
}

.image-right-with-caption {
    float: right; margin-left: 30px; width:30%; text-align: center;
}

div.image-right-with-caption > img, div.image-right-with-caption > a > img {
    max-width: 100%;
}

a.popup-anchor {
    position: relative;
    display: none;
    font-size: smaller;
}

a.popup-anchor-visible {
    display: inline-block;
}

div.page-content {
    
}