/* === BLOG POST TEMPLATE CSS === */

.post { background-color:#FFF;-webkit-box-shadow:inset 0 0 30px 0 rgba(0,0,0,0.075);-moz-box-shadow:inset 0 0 30px 0 rgba(0,0,0,0.075);box-shadow:inset 0 0 30px 0 rgba(0,0,0,0.075); }
.post > .content__wrapper { padding:55px 20px 60px; }
.post > .content__wrapper > .grid {
    -ms-grid-template-columns:minmax(auto, 1fr) minmax(300px, 30%);grid-template-columns:minmax(auto, 1fr) minmax(300px, 30%);
    -ms-grid-auto-rows:minmax(20px, min-content);grid-auto-rows:minmax(20px, min-content);
}
.post img { margin:0;line-height:1; }

.post header h1 { margin:0 0 10px;padding-bottom:10px;border-bottom:2px solid rgba(0,0,0,0.05);line-height:1.2;font-size:2.5em; }
.post header figure { margin:30px 0 35px;line-height:0.85;height:425px; }
.post header figure img { object-fit:cover; }

.post aside h3 { font-size:1.4em; }
.post aside input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=image]),
.post aside select,
.post aside textarea { font-size:1em;min-height:30px; }

.post aside form { position:relative;margin-bottom:30px; }
.post aside form > figure { position:absolute;top:-15px;right:-25px;width:50%;max-width:180px;-webkit-transform:rotate(12deg);-ms-transform:rotate(12deg);transform:rotate(12deg); }

.post .content-divide { margin-bottom:20px; }
.post .share-bar { margin-top:30px; }

.link-listing {
     padding:5px 10px 5px 5px;border-bottom:1px solid #252525;margin-bottom:5px;align-items:center;
     -webkit-box-shadow:inset 0 0 15px 0 rgba(0,0,0,0.075);-moz-box-shadow:inset 0 0 15px 0 rgba(0,0,0,0.075);box-shadow:inset 0 0 15px 0 rgba(0,0,0,0.075);
}
.link-listing > figure { margin:0;-webkit-flex:0 0 50px;-ms-flex:0 0 50px;flex:0 0 50px;height:60px; }
.link-listing > figure > img { object-fit:cover;width:100%;height:100%; }
.link-listing p { font-size:0.9em;line-height:1.2; }
.link-listing p > span { font-weight:400;color:#00aeef;-ms-transition:color .3s;-moz-transition:color .3s;-webkit-transition: color .3s;transition: color .3s; }
.link-listing:hover p > span { color:#782b91; }

figure.header-img,
figure.content-img,
.content-gallery { width:100%;overflow:hidden;margin-left:auto;margin-right:auto;position:relative;; }
figure.content-img { margin-top:35px;margin-bottom:15px;height:400px; }
.content-gallery { margin:35px auto 15px;height:400px; }

figure.header-img::after,
figure.content-img::after,
.content-gallery::after {
    position:absolute;left:0;top:0;right:0;bottom:0;content:'';
}

figure.header-img > img,
figure.content-img > img { width:100%;height:100%;object-fit:cover;object-position:center center; }

.content-gallery__track { width:100%;height:100%;transition:all 0.5s ease-in-out; }
.content-gallery__item { -webkit-flex:1 0 100% !important;-ms-flex:1 0 100% !important;flex:1 0 100% !important; }

.content-gallery__item > figure { width:100%;height:100%;margin:0 auto;padding:20px; }
.content-gallery__item > figure > img { width:100%;height:100%;object-fit:contain;object-position:center center; }

.content-gallery__track[data-image="1"] { -webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0); }
.content-gallery__track[data-image="2"] { -webkit-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translateX(-100%); }
.content-gallery__track[data-image="3"] { -webkit-transform:translateX(-200%);-ms-transform:translateX(-200%);transform:translateX(-200%); }
.content-gallery__track[data-image="4"] { -webkit-transform:translateX(-300%);-ms-transform:translateX(-300%);transform:translateX(-300%); }
.content-gallery__track[data-image="5"] { -webkit-transform:translateX(-400%);-ms-transform:translateX(-400%);transform:translateX(-400%); }
.content-gallery__track[data-image="6"] { -webkit-transform:translateX(-500%);-ms-transform:translateX(-500%);transform:translateX(-500%); }
.content-gallery__track[data-image="7"] { -webkit-transform:translateX(-600%);-ms-transform:translateX(-600%);transform:translateX(-600%); }
.content-gallery__track[data-image="8"] { -webkit-transform:translateX(-700%);-ms-transform:translateX(-700%);transform:translateX(-700%); }
.content-gallery__track[data-image="9"] { -webkit-transform:translateX(-800%);-ms-transform:translateX(-800%);transform:translateX(-800%); }
.content-gallery__track[data-image="10"] { -webkit-transform:translateX(-900%);-ms-transform:translateX(-900%);transform:translateX(-900%); }

.content-gallery__control { position:absolute;height:100%;cursor:pointer;z-index:2;opacity:0.5;transition:opacity 0.3s ease; }
.content-gallery__control.prev { left:0; }
.content-gallery__control.next { right:0; }

.content-gallery__control > div { position:relative;height:100%;width:100%;padding:10px 15px;justify-content:center;align-items:center;font-size:2em;z-index:1; }
.content-gallery__control > div::before { position:absolute;height:100%;width:100%;opacity:0;transition:opacity 0.3s ease;content:''; }
.content-gallery__control:not(.disabled):hover { color:#782b91;opacity:1; }
.content-gallery__control:not(.disabled):hover > div::before { opacity:1; }

.content-gallery__control.disabled { cursor:auto; }

.content-gallery__control.prev > div::before {
    background:rgb(37,37,37);
    background:-moz-linear-gradient(90deg, rgba(37,37,37,0.1) 0%, rgba(255,255,255,0) 100%);
    background:-webkit-linear-gradient(90deg, rgba(37,37,37,0.1) 0%, rgba(255,255,255,0) 100%);
    background:linear-gradient(90deg, rgba(37,37,37,0.1) 0%, rgba(255,255,255,0) 100%);
}
.content-gallery__control.next > div::before {
    background:rgb(37,37,37);
    background:-moz-linear-gradient(270deg, rgba(37,37,37,0.1) 0%, rgba(255,255,255,0) 100%);
    background:-webkit-linear-gradient(270deg, rgba(37,37,37,0.1) 0%, rgba(255,255,255,0) 100%);
    background:linear-gradient(270deg, rgba(37,37,37,0.1) 0%, rgba(255,255,255,0) 100%);
}


@media screen and (max-width:1100px) {
    .post > .content__wrapper > .grid { -ms-grid-template-columns:minmax(auto, 1fr) minmax(250px, 25%);grid-template-columns:minmax(auto, 1fr) minmax(250px, 25%);-ms-gap:20px;gap:20px; }
    .post > .content__wrapper > .grid > .padding30,
    .post > .content__wrapper > .grid > aside .padding30 { padding:20px; }
    .post header figure { height:375px; }
    .post aside form { margin-bottom:20px; }
    .link-listing p { font-size:0.85em; }
}
@media screen and (max-width:900px) {
    .post > .content__wrapper > .grid { -ms-grid-template-columns:repeat(1, 100%);grid-template-columns:repeat(1, 100%);-ms-gap:30px;gap:30px; }
    .post > .content__wrapper > .grid > .padding30,
    .post > .content__wrapper > .grid > aside .padding30 { padding:30px; }
    .post header h1 { font-size:2.2em; }
    .post header figure { height:400px; }
    .post aside h3 { font-size:1.3em; }
    .post aside form { margin-bottom:30px; }
    .link-listing p { font-size:1em; }
}
@media screen and (max-width:750px) {
    .post header figure { height:350px; }
}
@media screen and (max-width:600px) {
    .post > .content__wrapper > .grid > .padding30,
    .post > .content__wrapper > .grid > aside .padding30 { padding:20px; }
    .post header h1 { font-size:1.9em; }
    .post header figure { height:275px; }
    .post aside h3 { font-size:1.2em; }
    .post aside form { padding-top:50px !important; }
    .post aside form > figure { top:-20px;right:calc(50% - 90px);width:180px;-webkit-transform:rotate(5deg);-ms-transform:rotate(5deg);transform:rotate(5deg); }
}
@media screen and (max-width:475px) {
    .post header h1 { font-size:1.7em; }
    .post header figure { height:200px; }
    .link-listing p { font-size:0.85em; }
}