.pl-sn-postgrid .pl-postgrid-title {
margin: 2em 0 3em;
}
.pl-sn-postgrid .pl-postgrid-headline {
font-size: 3em;
letter-spacing: -0.05em;
}
.pl-sn-postgrid .pl-postgrid-subheadline {
font-size: 1.1em;
line-height: 1.4;
}
.pl-sn-postgrid .pl-postgrid-title {
margin-bottom: 2em;
}
.pl-sn-postgrid .pl-postgrid-action {
margin-top: 2em;
}
@media (max-width: 768px) {
.pl-sn-postgrid .pl-postgrid-headline {
font-size: 2em;
}
.pl-sn-postgrid .pl-postgrid-subheadline {
font-size: 1em;
}
}
@media (max-width: 480px) {
.pl-sn-postgrid .pl-postgrid-headline {
font-size: 1.5em;
}
}
.pl-sn-postgrid .pl-postgrid .the-postgrid-item {
margin-bottom: 1em;
}
.pl-sn-postgrid .pl-postgrid .pl-postgrid-item {
position: relative;
display: block;
color: inherit;
transition: all .2s;
text-decoration: none;
}
.pl-sn-postgrid .pl-postgrid .pl-postgrid-item:hover {
text-decoration: none;
}
.pl-sn-postgrid .pl-postgrid .pl-postgrid-item .inner-wrap {
background: #000;
}
.pl-sn-postgrid .pl-postgrid .pl-postgrid-item img {
transition: all .4s;
display: block;
}
.pl-sn-postgrid .pl-postgrid-splash .pl-postgrid-text {
display: none;
}
.pl-sn-postgrid .pl-postgrid-splash .pl-postgrid-text h4 {
margin: 0;
padding: .5em;
font-size: 1.1em;
}
.pl-sn-postgrid .pl-postgrid-splash .pl-postgrid-text .meta {
opacity: .6;
font-size: .9em;
font-weight: 500;
text-transform: uppercase;
letter-spacing: .1em;
line-height: 1.1;
}
.pl-sn-postgrid .pl-postgrid-splash.text-overlay .pl-postgrid-text {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-flex-direction: column;
-moz-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-justify-content: center;
-moz-justify-content: center;
-ms-justify-content: center;
justify-content: center;
color: #fff;
z-index: 50;
font-size: .9em;
}
.pl-sn-postgrid .pl-postgrid-splash.text-overlay .pl-postgrid-text h4 {
color: inherit;
}
.pl-sn-postgrid .pl-postgrid-splash.text-bottom .pl-postgrid-text {
display: block;
}
.pl-sn-postgrid .pl-postgrid-splash.text-bottom .pl-postgrid-text .meta {
font-size: 12px;
letter-spacing: 1px;
}
.pl-sn-postgrid .pl-postgrid [class*='pl-col-'] {
margin-right: 0;
}
.pl-sn-postgrid .pl-postgrid-splash.full-spacing .pl-postgrid {
margin-right: -1em;
margin-left: -1em;
}
.pl-sn-postgrid .pl-postgrid-splash.full-spacing .pl-postgrid > [class*='pl-col-'] {
padding-right: 1em;
padding-left: 1em;
margin-top: 1em;
margin-bottom: 1em;
}
.pl-sn-postgrid .pl-postgrid-splash .pl-postgrid,
.pl-sn-postgrid .pl-postgrid-splash.half-spacing .pl-postgrid {
margin-right: -0.5em;
margin-left: -0.5em;
}
.pl-sn-postgrid .pl-postgrid-splash .pl-postgrid > [class*='pl-col-'],
.pl-sn-postgrid .pl-postgrid-splash.half-spacing .pl-postgrid > [class*='pl-col-'] {
padding-right: .5em;
padding-left: .5em;
margin-top: .5em;
margin-bottom: .5em;
}
.pl-sn-postgrid .pl-postgrid-splash.no-spacing .pl-postgrid {
margin-right: 0;
margin-left: 0;
}
.pl-sn-postgrid .pl-postgrid-splash.no-spacing .pl-postgrid > [class*='pl-col-'] {
padding-right: 0;
padding-left: 0;
margin-top: 0;
margin-bottom: 0;
}
.pl-sn-postgrid .pl-postgrid-splash.hide-text .pl-postgrid-text {
display: none;
}
.pl-sn-postgrid .pl-postgrid-splash.rounded .pl-postgrid .pl-postgrid-item {
border-radius: 7px;
}
.pl-sn-postgrid .pl-postgrid-splash.rounded .pl-postgrid .pl-postgrid-item .inner-wrap,
.pl-sn-postgrid .pl-postgrid-splash.rounded .pl-postgrid .pl-postgrid-item img {
border-radius: 4px;
}
.pl-sn-postgrid .pl-postgrid-splash.opacity .pl-postgrid-item img {
opacity: .6;
}
.pl-sn-postgrid .pl-postgrid-splash.opacity .pl-postgrid-item:hover img {
opacity: 1;
}
.pl-sn-postgrid .pl-postgrid-splash.shadow .pl-postgrid .pl-postgrid-item {
position: relative;
}
.pl-sn-postgrid .pl-postgrid-splash.shadow .pl-postgrid .pl-postgrid-item:hover {
z-index: 10;
transform: translate(0, -2px);
}
.pl-sn-postgrid .pl-postgrid-splash.shadow .pl-postgrid .pl-postgrid-item img {
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
}
.pl-sn-postgrid .pl-postgrid-splash.shadow .pl-postgrid .pl-postgrid-item img:hover {
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.24);
}
.pl-sn-postgrid .pl-postgrid-splash.zoom .pl-postgrid .pl-postgrid-item {
overflow: hidden;
}
.pl-sn-postgrid .pl-postgrid-splash.zoom .pl-postgrid .pl-postgrid-item .inner-wrap {
overflow: hidden;
}
.pl-sn-postgrid .pl-postgrid-splash.zoom .pl-postgrid .pl-postgrid-item:hover img {
transform: scale(1.1);
}
.pl-sn-postgrid .pl-postgrid-splash.frame .pl-postgrid .pl-postgrid-item {
overflow: hidden;
border: 1px solid rgba(0, 0, 0, 0.1);
padding: .3em;
}
.pl-sn-postgrid .pl-postgrid-splash.frame .pl-postgrid .pl-postgrid-item:hover {
border: 1px solid rgba(0, 0, 0, 0.2);
}