.expanding-grid {
    position: relative;
    width: 100%;
}

.expanding-grid .links {
    display: block;
    margin: 0 -10px;
    overflow: hidden;
    padding: 0;
}

.expanding-grid .links>li {
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    margin: 0;
    padding: 10px;
    min-height:220px;
}

.expanding-grid .links>li a {
    background: #5c0f1b;
    color: #fff;
    display: block;
    font-size: 13px;
    line-height: 1;
    padding: 0.9em;
    position: relative;
    text-align: center;
    text-decoration: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.expanding-grid .links>li a:hover {
    background: #C96868;
}

.expanding-grid .links>li a.active {
    background: #C96868;
}

.expanding-grid .links li a span.small-view-title {
    display: block;
    margin-bottom: 10px;
}

.expanding-grid .small-view-imgwrap {
    position: relative
}

.expanding-grid .small-view-info {
    position: absolute;
    bottom: -8px;
    left: -10px;
    width: 23px;
    height: 23px;
    background-color: transparent;
}

.expanding-grid .small-view-info span {
    display: block;
    width: 23px;
    height: 23px;
    background: url("../img/i-icon.png") no-repeat;
}


/* .expanding-grid .links>li a.active:after {
    background-color: transparent;
    border-bottom: 0.375em solid #888;
    border-left: 0.375em solid transparent;
    border-right: 0.375em solid transparent;
    bottom: -0.5em;
    content: '';
    height: 0;
    left: 50%;
    margin-left: -0.375em;
    position: absolute;
    width: 0;
} */

@media only screen and (max-width: 39.99em) {
    .expanding-grid .links>li {
        width: calc(100% / 2);
    }
    
}

@media only screen and (min-width: 40em) and (max-width: 59.99em) {
    .expanding-grid .links>li {
        width: calc(100% / 3);
    }
 
}

@media only screen and (min-width: 60em) {
    .expanding-grid .links>li {
        width: calc(100% / 4);
    }
  
}

.expanding-grid .spacer {
    background-color: #8C2525;
    clear: both;
    display: block;
    margin: 0;
}

.expanding-grid .expanding-container {
    clear: both;
    display: none;
    overflow: hidden;
    width: 100%;
}

.expanding-grid .expanding-container.expanded,
.expanding-grid .expanding-container:target {
    display: block;
}

.expanding-grid .hentry {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    clear: both;
    color: #fff;
    min-height: 4em;
    overflow: hidden;
    padding: 2em;
    width: 100%;
    background-color: transparent;
}

.six.columns .expanding-grid article {
    margin: 0 0 2em 0;
    padding: 0;
    color: #000;
    background-color: transparent;
}

.expanding-grid .hentry .entry-image {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    float: right;
    margin-left: 1em;
    padding: 0.25em 0 0.52em 1em;
    text-align: center;
    width: 50%;
}

.expanding-grid .hentry .entry-title {
    font-size: 1.5em;
}

.expanding-grid .close-button {
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAXCAYAAADgKtSgAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQwIDc5LjE2MDQ1MSwgMjAxNy8wNS8wNi0wMTowODoyMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjUzN0M4RTczRkQxMjExRTc5RkE2Q0U3NDA3QzgzOTcxIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjUzN0M4RTc0RkQxMjExRTc5RkE2Q0U3NDA3QzgzOTcxIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NTM3QzhFNzFGRDEyMTFFNzlGQTZDRTc0MDdDODM5NzEiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NTM3QzhFNzJGRDEyMTFFNzlGQTZDRTc0MDdDODM5NzEiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5DDFlAAAABHElEQVR42uyVsQ3CMBBFEyaAniorkBGSEaCjTUaAEWCEpKXLCngEPAJU9GGD8E/6kSwTBzsIKiydToa7l/PnO8Rd10XfWvEf7g3fzpc7pAOiRaSnx/021Iy6M1KGUKjJ7e9nQ00oPEoDYoGoHOAdwfLgzVDNbORUGzZmBJngjCeTVWKYNlhzQApj8hwQhc/kNBdEgtjzlFHo5CJPjVRz2z+kIViNgb3dgmmvBN6MnLrk8JrcWCVz8k7nKXDNaSNm7dPkC2+MqRPuP4dbfs55sV7sOcWKAj1bVjTtKT+qDp6cfu4htYANeyrLnsGy9DprAEvH7V1hiCoIbujcDr03aMM9twXq116aWzqXlMElnUxduC7V/5/o9/CnAAMAiyqVLiiNa/oAAAAASUVORK5CYII=') no-repeat scroll 50% 50% transparent;
    color: #5c0f1b;
    display: inline-block;
    height: 20px;
    line-height: 1;
    overflow: hidden;
    padding: 13px 13px;
    text-decoration: none;
    text-indent: 5em;
    white-space: nowrap;
    width: 20px;
    will-change: opacity;
    z-index: 5;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.expanding-grid .close-button.active {
    -webkit-transition: opacity 0.2s;
    transition: opacity 0.2s;
}

.expanding-grid .close-button:hover {
    opacity: 0.5;
}

.img-placeholder {
    padding: 25% 0.25em;
}

.expanding-grid .category-item {
    margin-bottom: 0;
}

.expanding-grid .category-location {
    float: left;
    text-align: left;
}