.gridder{margin:0px;padding:0px;list-style-type:none}
.gridder-list{display:inline-block;vertical-align:top}
.gridder-show{display:block;float:left;width:100%;position:relative;box-shadow: 0 0 0 1600px rgba(0,0,0,0.55);}
.gridder-content{display:none}
.gridder-list{width:15.83333%}
.gridder-list:nth-child(n){margin-bottom:1%;margin-right:1%}
.gridder-list:nth-of-type(6n){margin-right:0;margin-bottom:0}


.gridder-list:nth-child(n){margin-bottom:1%;margin-right:1%}
.gridder-list:nth-of-type(2n){margin-right:0;margin-bottom:0}
.gridder-show{padding:20px;background:#EEE;margin-bottom:1%}
.gridder-navigation .gridder-nav.disabled{opacity:.5}


.hasSelectedItem .gridder-list{opacity:.5}
.hasSelectedItem .gridder-list.selectedItem{opacity:1}


.gridder.hasSelectedItem .gridder-list{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=50);opacity:0.5}
.gridder.hasSelectedItem .gridder-list.selectedItem{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity:100}
.gridder-list{display:inline-block;position:relative;cursor:pointer;width:31.66667%;opacity:0.6;}
@media(max-width: 576px)
{
	.gridder-list{width:47%;}
}
.gridder-list:nth-child(n){margin-bottom:1%;margin-right:1%}
.gridder-list:nth-of-type(3n){margin-right:0;margin-bottom:0}
.gridder-list:hover{opacity:1}
.gridder-list .overlay{position:absolute;left:15px;top:15px;color:#FFF}
.gridder-list .overlay .title{font-weight:800;font-size:16px}
.gridder-list .overlay .description{font-weight:300;font-size:14px}
.gridder-list .image{background-color:#EEE;background-image:url("../images/loading-spin.svg");background-size:cover;background-position:center;height:250px}
.gridder-list .name {  color: #FFF; position: absolute; bottom: 0; display: block; background: #000; width: 100%; padding: 2px; }
/*
.gridder-show{float:left;display:block;padding:0px;margin-bottom:20px;-webkit-box-shadow:inset 0px 0px 20px 5px rgba(0,0,0,0.16);-moz-box-shadow:inset 0px 0px 20px 5px rgba(0,0,0,0.16);box-shadow:inset 0px 0px 20px 5px rgba(0,0,0,0.16)}
.gridder-show .description{position:absolute;top:60px;left:0px;right:0px;text-align:center;font-family:Arial, serif;font-weight:300;font-size:16px;width:100%;line-height:170%;color:#FFF}
.gridder-show .description h2{display:inline-block;background:#000;color:#FFF;padding:5px;margin-bottom:5px;font-size:60px;font-weight:700;font-family:'Open Sans', sans-serif}
.gridder-show .description h3{display:inline-block;background:#000;color:#FFF;padding:5px;font-size:20px;margin-bottom:5px;font-weight:300;font-family:'Open Sans', sans-serif}
*/

.gridder-navigation{z-index:1;position:absolute;top:0px;left:0px;padding:0px;text-align:center;opacity:0.6;}
.gridder-navigation a{background:#FFF;display:inline-block;padding:15px;color:#000;text-decoration:none;font-size:24px;margin-right:0px;transition:all .3s ease-in-out}
.gridder-navigation a:hover{background:#000;color:#FFF}
.gridder-navigation a.disabled{opacity:0}
.gridder-expanded-content{animation-name:fadeIn;animation-duration:.3s;animation-fill-mode:both}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}

/* Specific styling for Pearls and Politics view */
.view.view-pearls-and-politics, .view-world-war-1-profiles {
    max-width: 890px;
    margin: 0 auto;
}