.blog-carousel-unique figcaption {
position: absolute;
top: 0;
left: 0;
padding: 25px;
background: #2a2a2aff;
color: #ffffff;
text-align: left;
margin: 0;
box-sizing: border-box;
}
.blog-carousel-unique figcaption h3 {
font-size: 19px;
color: #ffffff;
margin: 0;
}
.blog-carousel-unique figcaption span.date {
font-size: 14px;
font-weight: 300;
}
.blog-carousel-unique figcaption a {
text-align: center;
display: inline-block;
background: #5252ce;
color: #fff;
text-decoration: none;
padding: 7px 17px;
border-radius: 50px;
-webkit-transition: all .2s ease!important;
-moz-transition: all .2s ease!important;
-ms-transition: all .2s ease!important;
-o-transition: all .2s ease!important;
transition: all .2s ease!important;
}
.blog-carousel-unique figcaption a:hover {
-webkit-transition: all .2s ease!important;
-moz-transition: all .2s ease!important;
-ms-transition: all .2s ease!important;
-o-transition: all .2s ease!important;
transition: all .2s ease!important;
}
.blog-carousel-hiji .blog-carousel-unique figcaption .categories ~ a.title-blog-text,
.blog-carousel-tilu .blog-carousel-unique figcaption .categories ~ a.title-blog-text,
.blog-carousel-tujuh .blog-carousel-unique figcaption .categories ~ a.title-blog-text,
.blog-carousel-lima .blog-carousel-unique figcaption .categories ~ a.title-blog-text,
.blog-carousel-genep .blog-carousel-unique figcaption .categories ~ a.title-blog-text,
.blog-carousel-opat .blog-carousel-unique figcaption .categories ~ a.title-blog-text,
.blog-carousel-dua .blog-carousel-unique figcaption .categories ~ a.title-blog-text {
background-color: transparent;
padding: 0;
border-radius: 0;
color: inherit;
text-align: left;
position: unset;
display: block;
}
.blog-carousel-dua .blog-carousel-unique figcaption .categories ~ a.title-blog-text {
transform: unset;
margin-bottom: 10px;
}
.blog-carousel-hiji .blog-carousel-unique figcaption {
padding: 35px 25px;
}
.blog-carousel-unique .item-wrap-inner img {
max-width: 100%;
display: block;
position: relative;
}
.blog-carousel-dua .inner-content,
.blog-carousel-tilu .inner-content,
.blog-carousel-genep .inner-content,
.blog-carousel-tujuh .inner-content {
padding-right: 25%;
}
.item-wrap-inner {
margin: 0;
position: relative;
z-index: 1;
} .blog-carousel-hiji figcaption {
bottom: 0;
right: 0;
opacity: 0;
text-align: left;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
-moz-transition: -moz-transform 0.3s, opacity 0.3s;
transition: transform 0.3s, opacity 0.3s;
}
.blog-carousel-hiji .item-wrap-inner:hover figcaption,
.blog-carousel-hiji .item-wrap-inner.cs-hover figcaption {
opacity: 1;
-webkit-transform: translate(0) scale(.9);
-moz-transform: translate(0) scale(.9);
-ms-transform: translate(0) scale(.9);
transform: translate(0) scale(.9);
}
.blog-carousel-hiji figcaption {
display: flex;
align-items: flex-end;
justify-content: flex-start;
}
.blog-carousel-hiji figcaption h3 {
font-size: 18px;
line-height: 28px;
margin-bottom: 10px;
color: #fff;
}
.blog-carousel-hiji figcaption span {
display: block;
}
.blog-carousel-unique .blog-post-item .categories a {
position: unset;
transform: unset;
font-size: 14px;
}
.blog-carousel-unique .blog-post-item .categories {
justify-content: flex-start;
margin-bottom: 15px;
}
.blog-carousel-unique .blog-post-item .categories.hastags {
margin-bottom: 10px;
} .blog-carousel-dua .item-wrap-inner img {
z-index: 10;
-webkit-transition: -webkit-transform 0.4s;
-moz-transition: -moz-transform 0.4s;
transition: transform 0.4s;
}
.blog-carousel-dua .item-wrap-inner:hover img,
.blog-carousel-dua .item-wrap-inner.cs-hover img {
-webkit-transform: translateY(-90px);
-moz-transform: translateY(-90px);
-ms-transform: translateY(-90px);
transform: translateY(-90px);
}
.blog-carousel-dua figcaption {
width: 100%;
top: auto;
bottom: 0;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
display: flex;
align-items: center;
}
.blog-carousel-dua figcaption .inner-content {
width: 100%;
}
.blog-carousel-dua figcaption h3 {
}
.blog-carousel-dua figcaption a {
position: absolute;
right: 20px;
top: 50%;
transform: translateY(-50%);
} .blog-carousel-tilu .item-wrap-inner {
overflow: hidden;
}
.blog-carousel-tilu .item-wrap-inner img {
-webkit-transition: -webkit-transform 0.4s;
-moz-transition: -moz-transform 0.4s;
transition: transform 0.4s;
}
.blog-carousel-tilu .item-wrap-inner:hover img,
.blog-carousel-tilu .item-wrap-inner.cs-hover img {
-webkit-transform: translateY(-50px);
-moz-transform: translateY(-50px);
-ms-transform: translateY(-50px);
transform: translateY(-50px);
}
.blog-carousel-tilu figcaption {
width: 100%;
top: auto;
bottom: 0;
opacity: 0;
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-ms-transform: translateY(100%);
transform: translateY(100%);
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transition: -webkit-transform 0.4s, opacity 0.1s 0.3s;
-moz-transition: -moz-transform 0.4s, opacity 0.1s 0.3s;
transition: transform 0.4s, opacity 0.1s 0.3s;
display: flex;
align-items: center;
}
.blog-carousel-tilu .item-wrap-inner:hover figcaption,
.blog-carousel-tilu .item-wrap-inner.cs-hover figcaption {
opacity: 1;
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
-ms-transform: translateY(0px);
transform: translateY(0px);
-webkit-transition: -webkit-transform 0.4s, opacity 0.1s;
-moz-transition: -moz-transform 0.4s, opacity 0.1s;
transition: transform 0.4s, opacity 0.1s;
}
.blog-carousel-tilu figcaption a {
position: absolute;
top: 50%;
right: 20px;
}
.blog-carousel-lima figcaption {
background: rgba(0,0,0,0.5);
}
.blog-carousel-tilu figcaption .date ~ a,
.blog-carousel-tujuh figcaption .date ~ a,
.blog-carousel-lima figcaption .date ~ a,
.blog-carousel-genep figcaption .date ~ a,
.blog-carousel-opat figcaption .date ~ a,
.blog-carousel-dua figcaption .date ~ a {
top: auto;
bottom: 25px;
background-color: transparent;
border: 1px solid #aaaaaa;
padding: 6px 16px;
font-size: 14px;
}
.blog-carousel-dua figcaption .date ~ a {
bottom: 10px;
}
.blog-carousel-opat figcaption .date ~ a {
border-radius: 5px;
}
.blog-carousel-tilu figcaption h3 {
margin-bottom: 10px;
}
.blog-carousel-tilu .inner-content {
width: 100%;
}
.blog-carousel-tilu .blog-carousel-unique .blog-post-item .categories.hastags a,
.blog-carousel-tujuh .blog-carousel-unique .blog-post-item .categories.hastags a,
.blog-carousel-lima .blog-carousel-unique .blog-post-item .categories.hastags a,
.blog-carousel-genep .blog-carousel-unique .blog-post-item .categories.hastags a,
.blog-carousel-opat .blog-carousel-unique .blog-post-item .categories.hastags a,
.blog-carousel-dua .blog-carousel-unique .blog-post-item .categories.hastags a {
background-color: transparent;
padding: 0;
border-radius: 0;
}
.blog-carousel-tilu .blog-carousel-unique .blog-post-item .categories.hastags a:before,
.blog-carousel-tujuh .blog-carousel-unique .blog-post-item .categories.hastags a:before,
.blog-carousel-lima .blog-carousel-unique .blog-post-item .categories.hastags a:before,
.blog-carousel-genep .blog-carousel-unique .blog-post-item .categories.hastags a:before,
.blog-carousel-opat .blog-carousel-unique .blog-post-item .categories.hastags a:before,
.blog-carousel-dua .blog-carousel-unique .blog-post-item .categories.hastags a:before {
content: "#";
} .blog-carousel-opat .blog-post-item .item-wrap {
-webkit-perspective: 1700px;
-moz-perspective: 1700px;
perspective: 1700px;
-webkit-perspective-origin: 0 50%;
-moz-perspective-origin: 0 50%;
perspective-origin: 0 50%;
}
.blog-carousel-opat figcaption h3 {
margin-bottom: 10px;
}
.blog-carousel-opat .item-wrap-inner {
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.blog-carousel-opat .item-wrap-inner > div {
overflow: hidden;
}
.blog-carousel-opat .item-wrap-inner img {
-webkit-transition: -webkit-transform 0.4s;
-moz-transition: -moz-transform 0.4s;
transition: transform 0.4s;
}
.blog-carousel-opat .item-wrap-inner:hover img,
.blog-carousel-opat .item-wrap-inner.cs-hover img {
-webkit-transform: translateX(25%);
-moz-transform: translateX(25%);
-ms-transform: translateX(25%);
transform: translateX(25%);
}
.blog-carousel-opat figcaption {
height: 100%;
width: 55%;
opacity: 0;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform-origin: 0 0;
-moz-transform-origin: 0 0;
transform-origin: 0 0;
-webkit-transform: rotateY(-90deg);
-moz-transform: rotateY(-90deg);
transform: rotateY(-90deg);
-webkit-transition: -webkit-transform 0.4s, opacity 0.1s 0.3s;
-moz-transition: -moz-transform 0.4s, opacity 0.1s 0.3s;
transition: transform 0.4s, opacity 0.1s 0.3s;
}
.blog-carousel-opat .item-wrap-inner:hover figcaption,
.blog-carousel-opat .item-wrap-inner.cs-hover figcaption {
opacity: 1;
-webkit-transform: rotateY(0deg);
-moz-transform: rotateY(0deg);
transform: rotateY(0deg);
-webkit-transition: -webkit-transform 0.4s, opacity 0.1s;
-moz-transition: -moz-transform 0.4s, opacity 0.1s;
transition: transform 0.4s, opacity 0.1s;
}
.blog-carousel-opat figcaption a {
position: absolute;
bottom: 20px;
right: 20px;
} .blog-carousel-lima .item-wrap-inner img {
z-index: 10;
-webkit-transition: -webkit-transform 0.4s;
-moz-transition: -moz-transform 0.4s;
transition: transform 0.4s;
}
.blog-carousel-lima .item-wrap-inner:hover img,
.blog-carousel-lima .item-wrap-inner.cs-hover img {
-webkit-transform: scale(0.4);
-moz-transform: scale(0.4);
-ms-transform: scale(0.4);
transform: scale(0.4);
}
.blog-carousel-lima figcaption {
height: 100%;
width: 100%;
opacity: 0;
-webkit-transform: scale(0.7);
-moz-transform: scale(0.7);
-ms-transform: scale(0.7);
transform: scale(0.7);
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transition: -webkit-transform 0.4s, opacity 0.4s;
-moz-transition: -moz-transform 0.4s, opacity 0.4s;
transition: transform 0.4s, opacity 0.4s;
z-index: 10;
}
.blog-carousel-lima figcaption h3 {
margin-bottom: 10px;
}
.blog-carousel-lima .item-wrap-inner:hover figcaption,
.blog-carousel-lima .item-wrap-inner.cs-hover figcaption {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
opacity: 1;
}
.blog-carousel-lima .item-wrap-inner a {
position: absolute;
bottom: 20px;
right: 20px;
} .blog-carousel-genep .item-wrap-inner img {
z-index: 10;
-webkit-transition: -webkit-transform 0.4s;
-moz-transition: -moz-transform 0.4s;
transition: transform 0.4s;
}
.blog-carousel-genep .item-wrap-inner:hover img,
.blog-carousel-genep .item-wrap-inner.cs-hover img {
-webkit-transform: translateY(-60px) scale(0.5);
-moz-transform: translateY(-60px) scale(0.5);
-ms-transform: translateY(-60px) scale(0.5);
transform: translateY(-60px) scale(0.5);
}
.blog-carousel-genep figcaption {
height: 100%;
width: 100%;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
display: flex;
align-items: flex-end;
}
.blog-carousel-genep figcaption a {
position: absolute;
bottom: 20px;
right: 20px;
}
.blog-carousel-genep figcaption h3 {
margin-bottom: 10px;
}
.blog-carousel-genep .blog-carousel-unique figcaption {
padding: 20px;
} .blog-carousel-tujuh .blog-post-item:first-child { z-index: 20; }
.blog-carousel-tujuh .blog-post-item:nth-child(2) { z-index: 19; }
.blog-carousel-tujuh .blog-post-item:nth-child(3) { z-index: 18; }
.blog-carousel-tujuh .blog-post-item:nth-child(4) { z-index: 17; }
.blog-carousel-tujuh .blog-post-item:nth-child(5) { z-index: 16; }
.blog-carousel-tujuh .blog-post-item:nth-child(6) { z-index: 15; }
.blog-carousel-tujuh .blog-post-item:nth-child(7) { z-index: 14; }
.blog-carousel-tujuh .blog-post-item:nth-child(8) { z-index: 13; }
.blog-carousel-tujuh .blog-post-item:nth-child(9) { z-index: 12; }
.blog-carousel-tujuh .blog-post-item:nth-child(10) { z-index: 11; }
.blog-carousel-tujuh .blog-post-item:nth-child(11) { z-index: 10; }
.blog-carousel-tujuh .blog-post-item:nth-child(12) { z-index: 9; }
.blog-carousel-tujuh .blog-post-item:nth-child(13) { z-index: 8; }
.blog-carousel-tujuh .blog-post-item:nth-child(14) { z-index: 7; }
.blog-carousel-tujuh .blog-post-item:nth-child(15) { z-index: 6; }
.blog-carousel-tujuh .blog-post-item:nth-child(16) { z-index: 5; }
.blog-carousel-tujuh .blog-post-item:nth-child(17) { z-index: 4; }
.blog-carousel-tujuh .blog-post-item:nth-child(18) { z-index: 3; }
.blog-carousel-tujuh .blog-post-item:nth-child(19) { z-index: 2; }
.blog-carousel-tujuh .blog-post-item:nth-child(20) { z-index: 1; }
.blog-carousel-tujuh .item-wrap-inner img {
z-index: 10;
}
.blog-carousel-tujuh figcaption {
height: 100%;
width: 100%;
opacity: 0;
pointer-events: none;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transition: opacity 0.3s, height 0.3s, box-shadow 0.3s;
-moz-transition: opacity 0.3s, height 0.3s, box-shadow 0.3s;
transition: opacity 0.3s, height 0.3s, box-shadow 0.3s;
box-shadow: 1px 12px 17px 1px rgba(0,0,0,.3);
display: flex;
align-items: flex-end;
}
.blog-carousel-tujuh figcaption:after {
content: '';
box-shadow: 1px 12px 17px 1px rgba(0,0,0,.3);
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: -1;
}
.blog-carousel-tujuh .item-wrap-inner:hover figcaption,
.blog-carousel-tujuh .item-wrap-inner.cs-hover figcaption {
pointer-events: auto;
opacity: 1;
height: 130%;
box-shadow: 1px 12px 17px 1px rgba(0,0,0,.3);
z-index: 1;
}
.blog-carousel-tujuh figcaption .categories {
}
.blog-carousel-tujuh figcaption h3,
.blog-carousel-tujuh figcaption span,
.blog-carousel-tujuh figcaption a {
opacity: 0;
-webkit-transition: all 0s;
-moz-transition: all 0s;
transition: all 0s;
}
.blog-carousel-tujuh figcaption h3 {
margin-bottom: 10px;
}
.blog-carousel-tujuh figcaption a {
position: absolute;
bottom: 20px;
right: 20px;
}
.blog-carousel-tujuh .item-wrap-inner:hover figcaption h3,
.blog-carousel-tujuh .item-wrap-inner:hover figcaption span,
.blog-carousel-tujuh .item-wrap-inner:hover figcaption a,
.blog-carousel-tujuh .item-wrap-inner.cs-hover figcaption h3,
.blog-carousel-tujuh .item-wrap-inner.cs-hover figcaption span,
.blog-carousel-tujuh .item-wrap-inner.cs-hover figcaption a {
-webkit-transition: all 0.3s 0.2s;
-moz-transition: all 0.3s 0.2s;
transition: all 0.3s 0.2s;
opacity: 1;
}
@media only screen and (max-width: 575px) {
.blog-carousel-opat figcaption {
width: 75%;
}
}
@media only screen and (max-width: 320px) {
.blog-carousel-opat img,
.blog-carousel-tilu img,
.blog-carousel-genep img,
.blog-carousel-tujuh img  {
height: 100%;
object-fit: cover;
}
}
.single-post-main-wrapper,.single-post-main-wrapper .header-single {
height: 100%
}
.single-post-main-wrapper .header-single {
position: relative;
margin: 0 auto;
height: calc(100vh - 98px);
width: 100%
}
.single-post-main-wrapper.intro-effect-sliced.modify .header-single {
height: calc(100vh - 250px)
}
.single-post-main-wrapper.intro-effect-sliced.modify .header-single .title {
padding-top: 80px
}
.single-post-main-wrapper.intro-effect-jam3.modify .header-single {
height: calc(100vh - 250px)
}
.single-post-main-wrapper.intro-effect-jam3.modify .header-single .title {
padding-top: 100px
}
.single-post-main-wrapper .bg-img {
position: absolute;
overflow: hidden;
top: 0;
left: 0;
right: 0;
bottom: 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden
}
.single-post-main-wrapper .bg-img img {
position: absolute;
top: 0;
left: 0;
display: block;
min-width: 100%;
min-height: 100%;
object-fit: cover
}
.single-post-main-wrapper.intro-effect-push .bg-img img {
z-index: 1
}
.single-post-main-wrapper .bg-img .bg-img-overlay {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0,0,0,.2);
z-index: 1
}
.single-post-main-wrapper.intro-effect-fadeout .title h1 {
padding: 0 0 .2em
}
.single-post-main-wrapper.intro-effect-push .header-single .title h1 {
padding: 0 0 .3em
}
.intro-effect-push>.content {
min-height: 30vh
}
.single-post-main-wrapper .header-single .title h1 {
color: #fff
}
.single-post-main-wrapper .header-single .title p.subline {
color: #fff
}
.single-post-main-wrapper .title p strong:after {
content: "-";
margin: 0 5px
}
.single-post-main-wrapper .title p strong:last-child:after {
content: "";
margin: 0
}
.single-post-main-wrapper button.trigger {
position: absolute;
bottom: 50px;
left: 50%;
z-index: 5000;
display: block;
transform: translateX(-50%);
padding: 0;
width: 100px;
height: 1em;
border: none;
background: 0 0;
color: transparent;
font-size: 2em;
cursor: pointer
}
.single-post-main-wrapper:not(.notrans) button.trigger {
-webkit-transition: opacity .3s .5s;
transition: opacity .3s .5s
}
.single-post-main-wrapper.modify:not(.notrans) button.trigger {
opacity: 0;
pointer-events: none;
-webkit-transition-delay: 0s;
transition-delay: 0s
}
.single-post-main-wrapper button.trigger::before {
position: absolute;
bottom: 100%;
left: -100%;
padding: .8em;
width: 300%;
color: #fff;
content: attr(data-info);
font-size: 13px;
-webkit-backface-visibility: hidden;
backface-visibility: hidden
}
.single-post-main-wrapper button.trigger:focus {
outline: none
}
.single-post-main-wrapper button.trigger span {
position: relative;
display: block;
overflow: hidden;
width: 100%;
height: 100%
}
.single-post-main-wrapper button.trigger span::before {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
color: #fff;
content: "\f078";
text-transform: none;
font-weight: 900;
font-style: normal;
font-variant: normal;
font-family: "font awesome 5 free";
line-height: 1;
speak: none;
font-size: 20px;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
.intro-effect-jam3:not(.notrans) .bg-img {
-webkit-transition-property: top,left,right,bottom;
transition-property: top,left,right,bottom
}
.intro-effect-jam3:not(.notrans) .header-single h1,.intro-effect-jam3:not(.notrans) .codrops-top a {
-webkit-transition-property: color;
transition-property: color
}
.intro-effect-jam3:not(.notrans) .codrops-demos a {
-webkit-transition-property: border-color,color;
transition-property: border-color,color
}
.intro-effect-jam3:not(.notrans) .header-single p {
-webkit-transition-property: color,opacity,-webkit-transform;
transition-property: color,opacity,transform
}
.intro-effect-jam3:not(.notrans) .content>div {
-webkit-transition-property: opacity,-webkit-transform;
transition-property: opacity,transform
}
.intro-effect-jam3:not(.notrans) .bg-img,.intro-effect-jam3:not(.notrans) .header-single h1,.intro-effect-jam3:not(.notrans) .codrops-top a,.intro-effect-jam3:not(.notrans) .codrops-demos a,.intro-effect-jam3:not(.notrans) .content>div {
-webkit-transition-duration: .5s;
transition-duration: .5s;
-webkit-transition-timing-function: cubic-bezier(.7,0,.3,1);
transition-timing-function: cubic-bezier(.7,0,.3,1)
}
.intro-effect-jam3:not(.notrans) .header-single p,.intro-effect-jam3:not(.notrans) .header-single p.subline,.intro-effect-jam3:not(.notrans) .content>div {
-webkit-transition-duration: .2s;
transition-duration: .2s
}
.intro-effect-jam3.modify:not(.notrans) .header-single p,.intro-effect-jam3.modify:not(.notrans) .header-single p.subline,.intro-effect-jam3.modify:not(.notrans) .content>div {
-webkit-transition-duration: .5s;
transition-duration: .5s
}
.intro-effect-jam3 .codrops-demos a {
color: #fff
}
.intro-effect-jam3 .codrops-demos a.current-demo {
border-color: #fff
}
.intro-effect-jam3.modify .codrops-demos a {
color: #c03b5d
}
.intro-effect-jam3.modify .codrops-demos a.current-demo {
border-color: #c03b5d
}
.intro-effect-jam3#container {
padding: 45px 30px
}
.intro-effect-jam3 .bg-img {
top: -45px;
right: -30px;
bottom: -45px;
left: -30px;
background: #514753
}
.intro-effect-jam3.modify .bg-img {
top: 0;
right: 0;
bottom: 85%;
left: 0
}
.intro-effect-jam3.modify .header-single h1 {
color: #514753
}
.intro-effect-jam3 .header-single p {
color: #514753;
opacity: 0;
-webkit-transform: translateY(150px);
transform: translateY(150px)
}
.intro-effect-jam3.modify .header-single p {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0)
}
.intro-effect-jam3 .content {
padding: 0 5em 5em
}
.intro-effect-jam3 .content>div {
opacity: 0;
-webkit-transform: translateY(150px);
transform: translateY(150px)
}
.intro-effect-jam3.modify .content>div {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0)
}
.intro-effect-jam3.modify .codrops-top a {
color: #514753
}
.intro-effect-jam3.modify:not(.notrans) .header-single p:nth-last-child(2) {
-webkit-transition-delay: .1s;
transition-delay: .1s
}
.intro-effect-jam3.modify:not(.notrans) .header-single p:last-child {
-webkit-transition-delay: .15s;
transition-delay: .15s
}
.intro-effect-jam3.modify:not(.notrans) .content>div {
-webkit-transition-delay: .2s;
transition-delay: .2s
}
.intro-effect-fadeout:not(.notrans) .bg-img {
-webkit-transition-property: -webkit-transform;
transition-property: transform
}
.intro-effect-fadeout:not(.notrans) .bg-img::after {
-webkit-transition-property: opacity;
transition-property: opacity
}
.intro-effect-fadeout:not(.notrans) .header-single h1 {
-webkit-transition-property: color;
transition-property: color
}
.intro-effect-fadeout:not(.notrans) .header-single p,.intro-effect-fadeout:not(.notrans) .content>div {
-webkit-transition-property: -webkit-transform,opacity;
transition-property: transform,opacity
}
.intro-effect-fadeout:not(.notrans) .bg-img,.intro-effect-fadeout:not(.notrans) .bg-img::after,.intro-effect-fadeout:not(.notrans) .header-single h1,.intro-effect-fadeout:not(.notrans) .header-single p,.intro-effect-fadeout:not(.notrans) .content>div {
-webkit-transition-duration: .5s;
transition-duration: .5s
}
.intro-effect-fadeout .header-single {
overflow: hidden
}
.intro-effect-fadeout.modify .bg-img {
-webkit-transform: translateY(-25%);
transform: translateY(-25%)
}
.intro-effect-fadeout .bg-img::after {
content: '';
position: absolute;
width: 100%;
height: 101%;
top: 0;
left: 0;
opacity: 0;
pointer-events: none;
background: -webkit-linear-gradient(top,rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
background: linear-gradient(to bottom,rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%)
}
.intro-effect-fadeout.modify .bg-img::after {
opacity: 1
}
.single-post-main-wrapper.intro-effect-fadeout .title {
text-align: left;
max-width: 900px
}
.single-post-main-wrapper.intro-effect-fadeout.modify .header-single h1,.single-post-main-wrapper.intro-effect-fadeout .header-single p {
color: #514753
}
.single-post-main-wrapper.intro-effect-fadeout .header-single p:nth-child(3) {
opacity: 0
}
.single-post-main-wrapper.intro-effect-fadeout .header-single p.subline2 {
opacity: 1;
transform: translate(10px,10px)
}
.single-post-main-wrapper.intro-effect-fadeout .header-single p:nth-child(3) {
-webkit-transform: translateX(-150px);
transform: translateX(-150px)
}
.single-post-main-wrapper.intro-effect-fadeout.modify .header-single p:nth-child(3) {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0)
}
.single-post-main-wrapper.intro-effect-fadeout .content {
z-index: 1000;
position: relative
}
.single-post-main-wrapper.intro-effect-fadeout .content>div {
opacity: 0;
-webkit-transform: translateY(350px);
transform: translateY(350px)
}
.single-post-main-wrapper.intro-effect-fadeout.modify .content>div {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0)
}
.intro-effect-sliced:not(.notrans) .bg-img,.intro-effect-sliced:not(.notrans) .title {
-webkit-transition-property: -webkit-transform;
transition-property: transform
}
.intro-effect-sliced:not(.notrans) .header-single h1,.intro-effect-sliced:not(.notrans) .codrops-demos a {
-webkit-transition-property: color;
transition-property: color
}
.intro-effect-sliced:not(.notrans) .header-single p {
-webkit-transition-property: opacity;
transition-property: opacity
}
.intro-effect-sliced:not(.notrans) .content>div {
-webkit-transition-property: -webkit-transform,opacity;
transition-property: transform,opacity
}
.intro-effect-sliced:not(.notrans) .bg-img,.intro-effect-sliced:not(.notrans) .header-single h1,.intro-effect-sliced:not(.notrans) .title,.intro-effect-sliced:not(.notrans) .header-single p,.intro-effect-sliced:not(.notrans) .content>div,.intro-effect-sliced:not(.notrans) .codrops-demos a {
-webkit-transition-timing-function: cubic-bezier(.7,0,.3,1);
transition-timing-function: cubic-bezier(.7,0,.3,1);
-webkit-transition-duration: .5s;
transition-duration: .5s
}
.intro-effect-sliced.modify:not(.notrans) .header-single h1,.intro-effect-sliced.modify:not(.notrans) .title,.intro-effect-sliced.modify:not(.notrans) .header-single p,.intro-effect-sliced.modify:not(.notrans) .content>div,.intro-effect-sliced.modify:not(.notrans) .codrops-demos a {
-webkit-transition-timing-function: ease;
transition-timing-function: ease
}
.intro-effect-sliced .bg-img:first-child {
bottom: 50%
}
.intro-effect-sliced .bg-img:last-child {
top: 50%;
position: absolute;
z-index: 900
}
.intro-effect-sliced.modify .bg-img:last-child {
top: 50%;
position: fixed;
z-index: 900
}
.intro-effect-sliced .bg-img:last-child img {
top: -100%
}
.intro-effect-sliced.modify .bg-img:first-child {
-webkit-transform: translateY(-80%);
transform: translateY(-80%)
}
.intro-effect-sliced.modify .bg-img:last-child {
-webkit-transform: translateY(100%);
transform: translateY(100%)
}
.intro-effect-sliced .codrops-demos {
text-align: center
}
.intro-effect-sliced .codrops-demos a {
color: #fff;
font-size: .8em
}
.intro-effect-sliced.modify .codrops-demos a {
color: #cf4a5c
}
.intro-effect-sliced .title {
-webkit-transform: translateX(-50%) translateY(-50%) scale(.7);
transform: translateX(-50%) translateY(-50%) scale(.7)
}
.intro-effect-sliced.modify .title {
-webkit-transform: translateX(-50%) translateY(-50%) scale(1);
transform: translateX(-50%) translateY(-50%) scale(1)
}
.intro-effect-sliced .header-single p {
opacity: 0;
color: #514753
}
.intro-effect-sliced .title p.subline {
opacity: 1
}
.intro-effect-sliced.modify .header-single p {
opacity: 1
}
.intro-effect-sliced.modify .header-single h1 {
color: #514753
}
.intro-effect-sliced .content>div {
-webkit-transform: translateY(200px);
transform: translateY(200px);
opacity: 0
}
.intro-effect-sliced.modify .content>div {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1
}
.intro-effect-sliced.modify:not(.notrans) .title {
-webkit-transition-delay: .15s;
transition-delay: .15s
}
.single-post-main-wrapper.intro-effect-side:not(.notrans) .bg-img::before,.single-post-main-wrapper.intro-effect-side:not(.notrans) .title {
-webkit-transition-property: -webkit-transform;
transition-property: transform
}
.single-post-main-wrapper.intro-effect-side:not(.notrans) .bg-img::after {
-webkit-transition-property: top,left,bottom,right,background-color;
transition-property: top,left,bottom,right,background-color
}
.single-post-main-wrapper.intro-effect-side:not(.notrans) .header-single p {
-webkit-transition-property: -webkit-transform,opacity;
transition-property: transform,opacity
}
.single-post-main-wrapper.intro-effect-side:not(.notrans) .content>div {
-webkit-transition-property: opacity;
transition-property: opacity
}
.single-post-main-wrapper.intro-effect-side:not(.notrans) .bg-img::before,.single-post-main-wrapper.intro-effect-side:not(.notrans) .bg-img::after,.single-post-main-wrapper.intro-effect-side:not(.notrans) .title,.single-post-main-wrapper.intro-effect-side:not(.notrans) .header-single p,.single-post-main-wrapper.intro-effect-side:not(.notrans) .content>div {
-webkit-transition-timing-function: cubic-bezier(.7,0,.3,1);
transition-timing-function: cubic-bezier(.7,0,.3,1);
-webkit-transition-duration: .5s;
transition-duration: .5s
}
.single-post-main-wrapper.intro-effect-side .codrops-top a {
color: #7b8d92
}
.single-post-main-wrapper.intro-effect-side .bg-img::before,.single-post-main-wrapper.intro-effect-side .bg-img::after {
content: '';
position: absolute;
z-index: 100
}
.single-post-main-wrapper.intro-effect-side .bg-img::before {
background: #fff;
top: 0;
left: 0;
width: 60%;
height: 100%;
-webkit-transform: translateX(-100%);
transform: translateX(-100%)
}
.single-post-main-wrapper.intro-effect-side.modify .bg-img::before {
-webkit-transform: translateX(0);
transform: translateX(0)
}
.single-post-main-wrapper.intro-effect-side .bg-img::after {
border: 80px solid #fff;
top: -80px;
right: -80px;
bottom: -80px;
left: -80px;
background-color: rgba(0,0,0,.2)
}
.single-post-main-wrapper.intro-effect-side.modify .bg-img::after {
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: transparent
}
.single-post-main-wrapper.intro-effect-side .codrops-demos a {
color: #43939d
}
.single-post-main-wrapper.intro-effect-side .header-single .title p.subline {
opacity: 1;
transform: translate(0)
}
.single-post-main-wrapper.intro-effect-side .codrops-demos a.current-demo {
border-bottom: 3px solid #43939d
}
.single-post-main-wrapper.intro-effect-side.modify .title {
-webkit-transform: translateY(-50%);
transform: translateY(-50%)
}
.single-post-main-wrapper.intro-effect-side .header-single h1 {
font-style: italic;
font-weight: 600;
padding: 0 0 .5em;
color: #516165
}
.single-post-main-wrapper.intro-effect-side .header-single p {
opacity: 0;
color: #7b8d92;
-webkit-transform: translateY(100px);
transform: translateY(100px)
}
.single-post-main-wrapper.intro-effect-side.modify .header-single p {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0)
}
.single-post-main-wrapper.intro-effect-sidefixed .content p.subline {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0)
}
.single-post-main-wrapper.intro-effect-sidefixed.modify .content {
z-index: 11
}
.single-post-main-wrapper.intro-effect-side .content>div {
margin-top: 0;
opacity: 0
}
.single-post-main-wrapper.intro-effect-side.modify .content>div {
opacity: 1
}
.single-post-main-wrapper.intro-effect-side:not(.notrans) .title,.single-post-main-wrapper.intro-effect-side:not(.notrans) .bg-img::before,.single-post-main-wrapper.intro-effect-side:not(.notrans) .bg-img::after {
-webkit-transition-delay: .3s;
transition-delay: .3s
}
.single-post-main-wrapper.intro-effect-side.modify:not(.notrans) .title,.single-post-main-wrapper.intro-effect-side.modify:not(.notrans) .bg-img::before,.single-post-main-wrapper.intro-effect-side.modify:not(.notrans) .bg-img::after {
-webkit-transition-delay: 0s;
transition-delay: 0s
}
.single-post-main-wrapper.intro-effect-side.modify:not(.notrans) .header-single p:nth-last-child(2) {
-webkit-transition-delay: .15s;
transition-delay: .15s
}
.single-post-main-wrapper.intro-effect-side.modify:not(.notrans) .header-single p:last-child {
-webkit-transition-delay: .2s;
transition-delay: .2s
}
.single-post-main-wrapper.intro-effect-side.modify:not(.notrans) .content>div {
-webkit-transition-delay: .3s;
transition-delay: .3s
}
.single-post-main-wrapper.intro-effect-sidefixed:not(.notrans) .bg-img::before {
-webkit-transition-property: background-color;
transition-property: background-color
}
.single-post-main-wrapper.intro-effect-sidefixed:not(.notrans) .bg-img::after {
-webkit-transition-property: -webkit-transform;
transition-property: transform
}
.single-post-main-wrapper.intro-effect-sidefixed:not(.notrans) .title p {
-webkit-transition-property: opacity;
transition-property: opacity
}
.single-post-main-wrapper.intro-effect-sidefixed:not(.notrans) .content>div {
-webkit-transition-property: -webkit-transform,opacity;
transition-property: transform,opacity
}
.single-post-main-wrapper.intro-effect-sidefixed:not(.notrans) .bg-img::before,.single-post-main-wrapper.intro-effect-sidefixed:not(.notrans) .bg-img::after,.single-post-main-wrapper.intro-effect-sidefixed:not(.notrans) .title p,.single-post-main-wrapper.intro-effect-sidefixed:not(.notrans) .content>div {
-webkit-transition-timing-function: cubic-bezier(.7,0,.3,1);
transition-timing-function: cubic-bezier(.7,0,.3,1);
-webkit-transition-duration: .5s;
transition-duration: .5s
}
.single-post-main-wrapper.intro-effect-sidefixed {
position: relative
}
.single-post-main-wrapper.intro-effect-sidefixed .header-single {
position: absolute;
overflow: hidden;
transform: translate3d(0px,0,0);
z-index: 10;
transition: all 1s ease
}
.single-post-main-wrapper.intro-effect-sidefixed.modify .header-single {
height: 100%;
z-index: auto;
transition: all 1s ease
}
.single-post-main-wrapper.intro-effect-sidefixed.modify .bg-img {
position: fixed
}
.single-post-main-wrapper.intro-effect-sidefixed .bg-img img {
left: auto;
right: 0;
position: fixed
}
.single-post-main-wrapper.intro-effect-sidefixed .bg-img::before,.single-post-main-wrapper.intro-effect-sidefixed .bg-img::after {
content: '';
position: absolute;
z-index: 100
}
.single-post-main-wrapper.intro-effect-sidefixed .bg-img::after {
background: #fff;
top: 0;
right: 0;
width: 60%;
height: 100%;
-webkit-transform: translateX(100%);
transform: translateX(100%)
}
.single-post-main-wrapper.intro-effect-sidefixed.modify .bg-img::after {
-webkit-transform: translateX(0);
transform: translateX(0)
}
.single-post-main-wrapper.intro-effect-sidefixed .bg-img::before {
width: 100%;
height: 100%;
background-color: rgba(247,214,169,.1)
}
.single-post-main-wrapper.intro-effect-sidefixed.modify .bg-img::before {
background-color: rgb(0 0 0/40%)
}
.single-post-main-wrapper.intro-effect-sidefixed .codrops-demos a {
color: #f68f6c
}
.single-post-main-wrapper.intro-effect-sidefixed .title {
position: relative;
top: auto;
left: auto;
text-align: left;
-webkit-transform: translateY(100px);
transform: translateY(100px)
}
.single-post-main-wrapper.intro-effect-sidefixed.modify .title {
-webkit-transform: translateY(0);
transform: translateY(0)
}
.single-post-main-wrapper.intro-effect-sidefixed .title h1 {
font-weight: 700;
color: #585a66;
transition-duration: .5s
}
.single-post-main-wrapper.intro-effect-sidefixed .title p {
opacity: 0;
color: #585a66;
transition-duration: .5s
}
.single-post-main-wrapper.intro-effect-sidefixed.modify .title p {
opacity: 1
}
.single-post-main-wrapper.intro-effect-sidefixed .content {
width: 60%;
margin-left: 40%;
padding: 0 8em
}
.single-post-main-wrapper.intro-effect-sidefixed .content div {
position: relative;
color: #77726b
}
.single-post-main-wrapper.intro-effect-sidefixed .content div:nth-child(2) {
opacity: 0;
-webkit-transform: translateY(200px);
transform: translateY(200px)
}
.single-post-main-wrapper.intro-effect-sidefixed.modify .content div:nth-child(2) {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0)
}
.intro-effect-jam3 .header-single p.subline {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0)
}
.single-post-main-wrapper.intro-effect-sidefixed:not(.notrans) .title,.single-post-main-wrapper.intro-effect-sidefixed:not(.notrans) .bg-img::before,.single-post-main-wrapper.intro-effect-sidefixed:not(.notrans) .bg-img::after {
-webkit-transition-delay: .3s;
transition-delay: .3s
}
.single-post-main-wrapper.intro-effect-sidefixed.modify:not(.notrans) .title,.single-post-main-wrapper.intro-effect-sidefixed.modify:not(.notrans) .bg-img::before,.single-post-main-wrapper.intro-effect-sidefixed.modify:not(.notrans) .bg-img::after {
-webkit-transition-delay: 0s;
transition-delay: 0s
}
.single-post-main-wrapper.intro-effect-sidefixed.modify:not(.notrans) .content div:nth-child(2) {
-webkit-transition-delay: .15s;
transition-delay: .15s
}
.intro-effect-push:not(.notrans) .single-header,.intro-effect-push:not(.notrans)>.title,.intro-effect-push:not(.notrans) .content>div {
-webkit-transition-property: opacity,-webkit-transform;
transition-property: opacity,transform;
-webkit-transition-duration: 1s;
transition-duration: 1s
}
.intro-effect-push:not(.notrans) .header-single {
-webkit-transition-timing-function: cubic-bezier(.7,0,.3,1);
transition-timing-function: cubic-bezier(.7,0,.3,1);
-webkit-transition-duration: 1.2s;
transition-duration: 1.2s
}
.intro-effect-push .codrops-demos a {
color: #108576
}
.intro-effect-push .header-single {
position: absolute;
z-index: 100
}
.intro-effect-push>.title {
position: relative;
top: auto;
left: auto;
padding: 15em 1em 2em
}
.intro-effect-push .content>div {
margin-top: 0;
color: #b2b2c0
}
.single-post-main-wrapper.intro-effect-push>.title,.single-post-main-wrapper.intro-effect-push .content>div {
-webkit-transform: translateY(400px);
transform: translateY(400px);
opacity: 0
}
.single-post-main-wrapper.intro-effect-push.modify>.title,.single-post-main-wrapper.intro-effect-push.modify .content>div {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1
}
.single-post-main-wrapper.intro-effect-push.modify .header-single {
opacity: 0;
-webkit-transform: translateY(-100%) scale(.9);
transform: translateY(-100%) scale(.9)
}
.single-post-main-wrapper.intro-effect-push.modify:not(.notrans)>.title {
-webkit-transition-delay: .5s;
transition-delay: .5s
}
.single-post-main-wrapper.intro-effect-push.modify:not(.notrans) .content>div {
-webkit-transition-delay: .6s;
transition-delay: .6s
}
.intro-effect-grid:not(.notrans) .grid li:nth-child(5) {
-webkit-transition-property: -webkit-transform,opacity;
transition-property: transform,opacity
}
.intro-effect-grid:not(.notrans) .header-single p {
-webkit-transition-property: opacity;
transition-property: opacity
}
.intro-effect-grid:not(.notrans) .bg-img,.intro-effect-grid:not(.notrans) .title {
-webkit-transition-property: -webkit-transform;
transition-property: transform
}
.intro-effect-grid:not(.notrans) .header-single h1,.intro-effect-grid:not(.notrans) .codrops-demos a {
-webkit-transition-property: color;
transition-property: color
}
.intro-effect-grid:not(.notrans) .grid li:nth-child(5),.intro-effect-grid:not(.notrans) .bg-img,.intro-effect-grid:not(.notrans) .title,.intro-effect-grid:not(.notrans) .header-single h1,.intro-effect-grid:not(.notrans) .header-single p,.intro-effect-grid:not(.notrans) .codrops-demos a {
-webkit-transition-timing-function: cubic-bezier(.7,0,.3,1);
transition-timing-function: cubic-bezier(.7,0,.3,1);
-webkit-transition-duration: 1s;
transition-duration: 1s
}
.intro-effect-grid .codrops-demos a {
color: #fff
}
.intro-effect-grid.modify .codrops-demos a {
color: #cf7000
}
.intro-effect-grid .codrops-demos a.current-demo {
border-bottom: 3px solid #fff
}
.intro-effect-grid.modify .codrops-demos a.current-demo {
border-color: #cf7000
}
.intro-effect-grid .title {
max-width: 900px;
padding-top: 2em
}
.intro-effect-grid.modify .title {
-webkit-transform: translateX(-50%) translateY(0);
transform: translateX(-50%) translateY(0)
}
.intro-effect-grid .content>div {
margin-top: 40px;
color: #2e3337
}
.intro-effect-grid .header-single h1 {
padding: 0 0 .6em
}
.intro-effect-grid.modify .header-single h1 {
color: #2d3b44
}
.intro-effect-grid .header-single p {
opacity: 0;
color: #4c6270
}
.intro-effect-grid .header-single p.subline {
font-size: 1.5em
}
.intro-effect-grid.modify .header-single p {
opacity: 1
}
.intro-effect-grid .grid {
list-style: none;
margin: 0;
padding: 0;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 50%;
z-index: 0
}
.intro-effect-grid .grid li::after {
content: '';
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background: rgba(71,63,59,.5);
pointer-events: none;
-webkit-transition: background .3s;
transition: background .3s
}
.intro-effect-grid.modify .grid li:hover::after,.intro-effect-grid.modify .grid li:nth-child(5)::after {
background: rgba(71,63,59,.1)
}
.intro-effect-grid .grid li {
position: absolute;
background-size: cover;
background-repeat: no-repeat;
background-position: 50% 50%;
cursor: pointer;
overflow: hidden;
-webkit-backface-visibility: hidden;
backface-visibility: hidden
}
.intro-effect-grid .grid li h2 {
padding-bottom: .4em;
margin: 1em;
color: #fff;
line-height: 1;
font-size: 1em;
position: absolute;
bottom: 0;
z-index: 100;
-webkit-transition: -webkit-transform .3s;
transition: transform .3s
}
.intro-effect-grid .grid li:hover h2 {
-webkit-transform: translateY(-10px);
transform: translateY(-10px)
}
.intro-effect-grid .grid li:first-child {
top: 0;
left: 0;
height: 50%;
width: 25%;
background-image: url(//saint-kizito.org/wp-content/plugins//advanced-carousel-blog-layout-design/assets/img/thumbs/1.jpg)
}
.intro-effect-grid .grid li:nth-child(2) {
top: 50%;
left: 0;
height: 50%;
width: 25%;
background-image: url(//saint-kizito.org/wp-content/plugins//advanced-carousel-blog-layout-design/assets/img/thumbs/2.jpg)
}
.intro-effect-grid .grid li:nth-child(3) {
top: 0;
left: 25%;
height: 100%;
width: 25%;
background-image: url(//saint-kizito.org/wp-content/plugins//advanced-carousel-blog-layout-design/assets/img/thumbs/5.jpg)
}
.intro-effect-grid .grid li:nth-child(4) {
top: 0;
left: 50%;
height: 50%;
width: 50%;
background-image: url(//saint-kizito.org/wp-content/plugins//advanced-carousel-blog-layout-design/assets/img/thumbs/4.jpg)
}
.intro-effect-grid .grid li:nth-child(5) {
top: 50%;
left: 50%;
height: 50%;
width: 25%;
background-image: url(//saint-kizito.org/wp-content/plugins//advanced-carousel-blog-layout-design/assets/img/thumbs/8.jpg);
-webkit-transform: scale(0);
transform: scale(0);
opacity: 0
}
.intro-effect-grid.modify .grid li:nth-child(5) {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1
}
.intro-effect-grid .grid li:nth-child(5) h2 {
color: #de8721
}
.intro-effect-grid .grid li:nth-child(6) {
top: 50%;
left: 75%;
height: 50%;
width: 25%;
background-image: url(//saint-kizito.org/wp-content/plugins//advanced-carousel-blog-layout-design/assets/img/thumbs/6.jpg)
}
.intro-effect-grid.modify .bg-img {
-webkit-transform: translateY(-100%);
transform: translateY(-100%)
}
@media screen and (max-width: 47em) {
.single-post-main-wrapper .title,.single-post-main-wrapper .content {
font-size:70%
}
.single-post-main-wrapper.intro-effect-side .title {
width: 100%;
padding: 0 10em;
-webkit-transform: translateY(-50%);
transform: translateY(-50%)
}
.single-post-main-wrapper.intro-effect-side.modify .bg-img::before {
-webkit-transform: translateX(-100%);
transform: translateX(-100%)
}
.single-post-main-wrapper.intro-effect-side .bg-img::after {
border-left-width: 0;
border-right-width: 0;
right: 0;
left: 0;
background: rgba(255,255,255,.1)
}
.single-post-main-wrapper.intro-effect-side.modify .bg-img::after {
background: rgba(255,255,255,.8)
}
.single-post-main-wrapper.intro-effect-sidefixed .content {
width: 100%;
margin-left: auto;
padding-left: 11em;
padding: 0;
padding-top: 5em
}
.single-post-main-wrapper.intro-effect-sidefixed .bg-img::after {
width: 100%
}
.single-post-main-wrapper.intro-effect-sidefixed .title {
padding: 0 3.25em;
padding-top: 5em;
text-align: center
}
}
@media screen and (max-width: 27em) {
.intro-effect-jam3 .content {
padding:0
}
.intro-effect-grid .grid li h2 {
display: none
}
.single-post-main-wrapper .title,.single-post-main-wrapper .content {
font-size: 50%
}
.single-post-main-wrapper button.trigger::before {
display: none
}
.single-post-main-wrapper.intro-effect-sliced .bg-img img {
height: 100vh
}
}
.single-post-main-wrapper .content .wp-block-quote.is-large p,.single-post-main-wrapper .content .wp-block-quote.is-style-large p {
font-size: 24px
}
.single-post-main-wrapper .title {
z-index: 906;
margin: 0 auto;
padding: 0 230px;
width: 100%;
text-align: center;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%)
}
.single-post-main-wrapper.intro-effect-fadeout .title {
padding: 0 30px
}
.single-post-main-wrapper.intro-effect-side .title {
text-align: right;
left: 0;
padding: 0 40px;
width: 100%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%)
}
.single-post-main-wrapper .title h1 {
padding: 0 0 25px;
font-weight: 700;
font-size: 36px;
margin: 0 auto;
color: #000
}
.single-post-main-wrapper .title p {
padding: 0 0 20px;
font-weight: 300;
font-size: 16px;
margin: 0 auto
}
.single-post-main-wrapper .header-single .title p {
color: #fff
}
.single-post-main-wrapper .title h1,.single-post-main-wrapper .title p.subline {
line-height: 1.4;
}
.single-post-main-wrapper .title p.subline {
font-size: 18px
}
.single-post-main-wrapper .content,.single-post-main-wrapper .content p {
color: #000;
font-size: 14px;
font-weight: 400
}
.single-post-main-wrapper.intro-effect-push>.title {
position: relative;
top: auto;
left: auto;
padding: 60px 30px 20px
}
.single-post-main-wrapper.intro-effect-sidefixed .title {
padding: 0 30px
}
@media(min-width: 640px) {
.single-post-main-wrapper .title h1 {
font-size:61px;
padding-bottom: 20px
}
.single-post-main-wrapper .title p {
font-size: 16px
}
.single-post-main-wrapper .title p.subline {
font-size: 22px;
padding-bottom: 10px
}
.single-post-main-wrapper.intro-effect-side .title {
text-align: right;
left: 0;
padding: 0 40px;
width: 60%;
-webkit-transform: translateX(33.3%) translateY(-50%);
transform: translateX(33.3%) translateY(-50%)
}
.single-post-main-wrapper .content,.single-post-main-wrapper .content p {
font-size: 14px
}
.intro-effect-push>.title {
padding: 120px 10px 40px
}
.intro-effect-push>.content {
min-height: 40vh
}
.single-post-main-wrapper.intro-effect-fadeout .title {
padding: 0 30px
}
.single-post-main-wrapper.intro-effect-sidefixed .content {
padding: 0 30px;
padding: 4em
}
}
@media(min-width: 1025px) {
.single-post-main-wrapper.intro-effect-fadeout .title {
padding:0 15px
}
.single-post-main-wrapper.intro-effect-sidefixed .title {
padding: 0 15px
}
}
@media(min-width: 1200px) {
.single-post-main-wrapper .title h1 {
font-size:70px;
}
.single-post-main-wrapper .title p {
font-size: 18px
}
.single-post-main-wrapper .title p.subline {
font-size: 20px;
}
.single-post-main-wrapper .content,.single-post-main-wrapper .content p {
font-size: 16px;
line-height: 32px;
}
.single-post-main-wrapper.intro-effect-push>.title {
padding: 150px 230px 20px;
}
.single-post-main-wrapper.intro-effect-side .title {
padding: 0 50px
}
.single-post-main-wrapper.intro-effect-sidefixed .title {
padding: 0 15px
}
.single-post-main-wrapper.intro-effect-sidefixed .content {
padding: 0 80px;
padding-top: 5em
}
}
@media(min-height: 1024px) {
.single-post-main-wrapper.intro-effect-jam3.modify .header-single {
height:calc(100vh - 450px)
}
.intro-effect-push>.content {
min-height: 40vh
}
.single-post-main-wrapper.intro-effect-sliced .bg-img img {
height: 100vh
}
}
.single-post-main-wrapper .title p a {
color: #000;
text-decoration: none;
}
.single-post-main-wrapper .header-single .title p.subline a {
color: #ffffff;
text-decoration: none;
}
.single-post-wrap.single-container.single-post-showcase {
padding: 30px 0px;
}
@media(max-width: 1024px) {
.single-post-wrap.single-container.single-post-showcase {
padding-left: 20px;
padding-right: 20px;
padding-top: 20px;
padding-bottom: 50px;
}
}
@media(max-width: 575px) {
.single-post-wrap.single-container.single-post-showcase {
padding-left: 20px;
padding-right: 20px;
padding-top: 0;
padding-bottom: 50px;
}
} .special-hiji {
--color-text: #5d5d5d;
--color-bg: transparent;
--color-link: #838288;
--color-link-hover: #000;
--color-number: #000;
--color-title: #000;
--color-caption: #000;
--color-content: #000;
--color-content-bg: var(--color-bg);
--color-reveal-bg: var(--color-bg);
color: var(--color-text);
background-color: var(--color-bg);
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-rendering: optimizeLegibility;
overflow: hidden;
}
.special-hiji main {
position: relative;
min-height: 100vh;
}
.special-hiji .content {
position: relative;
}
.special-hiji .content__item {
position: absolute;
width: 100%;
left: 0;
top: 0;
color: var(--color-content);
background: var(--color-content-bg);
}
.special-hiji .content__item {
opacity: 0;
pointer-events: none;
transition: all 0.1s;
}
.special-hiji .content__item--current {
opacity: 1;
pointer-events: auto;
top: 16rem;
transition: all 5s;
}
.special-hiji .content__item-header {
padding: 2rem 2rem 0;
position: relative;
}
.special-hiji .content__item-header-title {
font-weight: 600;
font-size: 3rem;
margin: 0;
color: var(--color-content-title);
}
.special-hiji .content__item-header-meta {
text-indent: 0.25rem;
display: block;
color: var(--color-content-meta);
}
.special-hiji .content__item-header-meta::before {
content: '---------';
margin: 0 0.5rem 0 0;
letter-spacing: -0.15rem;
}
.special-hiji .content__item-copy {
padding: 2rem;
}
.special-hiji .content__item-copy a {
color: #838288;
text-decoration: none;
}
.special-hiji .revealer { top: 0;
left: 0; display: flex;
align-items: center;
justify-content: center;
pointer-events: none;
}
.special-hiji .revealer__inner {
background-color: transparent;
width: 200%;
height: 200%;
position: relative;
flex: none;
}
.special-hiji .grid {
position: absolute;
display: grid;
height: 400px;
width: 100%;
left: 0;
top: 0;
grid-template-columns: 30% 30% 30%;
grid-column-gap: 5%;
grid-template-areas: 'griditem-left griditem-center griditem-right';
}
.special-hiji .grid--slideshow,
.special-hiji .grid--interaction {
left: -5%;
width: 110%;
pointer-events: none;
}
.special-hiji .grid--slideshow {
top: 17rem;
transform: rotate(-8deg);
}
.special-hiji.horizontal .grid--slideshow, 
.special-hiji.horizontal .titles-wrap {
transform: rotate(0deg);
}
.special-hiji .grid--titles {
align-items: center;
text-align: center;
cursor: default;
}
.special-hiji .titles-wrap {
position: absolute;
width: 100%;
height: 100%;
z-index: 1000;
pointer-events: none;
transform: rotate(16deg);
}
.special-hiji .grid__item {
display: flex;
justify-content: center;
position: relative;
pointer-events: none;
opacity: 0;
grid-area: griditem-center;
}
.special-hiji .grid__item--slide {
flex-direction: column;
width: 100%;
}
.special-hiji .grid__item--title {
font-size: 8vw;
margin: 0;
font-weight: 600;
color: var(--color-title);
}
.special-hiji .grid__item--title span {
display: inline-block;
}
.special-hiji .grid__item--center,
.special-hiji .grid__item--left,
.special-hiji .grid__item--right {
opacity: 1;
cursor: pointer;
}
.special-hiji .grid__item--left {
grid-area: griditem-left;
}
.special-hiji .grid__item--center {
grid-area: griditem-center;
}
.special-hiji .grid__item--right {
grid-area: griditem-right;
}
.special-hiji .grid__item--cursor {
pointer-events: auto;
}
.special-hiji .content-open .grid__item--cursor {
display: none;
}
.special-hiji .number {
font-size: 2rem;
-webkit-text-stroke: 1.5px var(--color-number);
text-stroke: 1.5px var(--color-number);
-webkit-text-fill-color: transparent;
text-fill-color: transparent;
color: transparent;
line-height: 1;
margin: 0 0 0.5rem 0;
font-weight: 700;
}
.special-hiji .img-wrap {
width: 100%;
overflow: hidden;
position: relative;
height: 100%;
}
.special-hiji .img-wrap--content {
height: 200px;
}
.special-hiji .img {
width: calc(100% + 40px);
height: 100%;
left: -20px;
top: 0;
background-size: cover;
background-position: 50% 50%;
position: absolute;
pointer-events: none;
}
.special-hiji .img--content {
background-position: 50% 38%;
}
.special-hiji .caption {
text-transform: uppercase;
letter-spacing: 0.1rem;
font-size: 0.75rem;
font-weight: 400;
margin: 0.75rem 0 0 0;
color: var(--color-caption);
}
.special-hiji .caption::before {
content: '---------';
margin: 0 0.5rem 0 0;
letter-spacing: -0.15rem;
}
.special-hiji .img-wrap,
.special-hiji .img--content,
.special-hiji .caption,
.special-hiji .number,
.special-hiji .grid__item--title,
.special-hiji .grid__item--title span,
.special-hiji .revealer__inner,
.special-hiji .content__item-header-title {
will-change: transform;
}
.special-hiji .grid__item--cursor.grid__item--left::after,
.special-hiji .grid__item--cursor.grid__item--right::after,
.special-hiji .img-wrap--content::after {
position: absolute;
left: calc(50% - 30px);
cursor: pointer;
}
.special-hiji .grid__item--cursor.grid__item--left::after {
top: 70%;
}
.special-hiji .grid__item--cursor.grid__item--right::after {
top: 20%;
}
.special-hiji .grid__item--cursor.grid__item--left::after {
content: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='61px' height='44px' viewBox='0 0 61 44' style='enable-background:new 0 0 61 44;' xml:space='preserve'%3E %3Cpath d='M.613 21.671L21.584.7l5.642 5.642-11.74 11.74H60.45v7.978H15.487l11.74 11.739-5.643 5.642L.613 22.469a.57.57 0 0 1 0-.798z'/%3E %3C/svg%3E");
}
.special-hiji .grid__item--cursor.grid__item--right::after {
content: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='61px' height='44px' viewBox='0 0 61 44' style='enable-background:new 0 0 61 44;' xml:space='preserve'%3E %3Cpath d='M60.287 21.671L39.316.7l-5.642 5.642 11.74 11.74H.45v7.978h44.963l-11.74 11.739 5.643 5.642 20.971-20.972a.57.57 0 0 0 0-.798z'/%3E %3C/svg%3E");
}
.special-hiji .img-wrap--content::after {
top: 0.5rem;
right: 0.5rem;
left: auto;
transform: scale(0.5);
content: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='52px' height='52px' viewBox='0 0 52 52' style='enable-background:new 0 0 52 52;' xml:space='preserve'%3E %3Cpath  d='M20.921 26.67L5.791 41.75C5.485 41.743.23 36.488.224 36.18L15.32 21.073.098 5.86 5.74.22l15.19 15.24L36.161.22l5.64 5.64-15.27 15.22 15.097 15.15c-.006.307-5.262 5.562-5.569 5.568L20.921 26.67z'/%3E %3C/svg%3E");
}
@media screen and (min-width: 53em) {
.frame {
position: fixed;
bottom: 0;
right: 0;
padding: 1rem;
transition: 0.3s opacity;
}
.special-hiji .content-open + .frame {
opacity: 0;
pointer-events: none;
}
.special-hiji .grid {
height: 100vh;
grid-template-columns: repeat(3, calc((100% - 36vw) / 3));
grid-column-gap: 18vw;
}
.special-hiji .grid--slideshow {
top: 0;
}
.special-hiji .grid--interaction {
grid-template-columns: repeat(3, calc(100% / 3));
grid-column-gap: 0;
}
.special-hiji .number {
font-size: 4.25vw;
}
.special-hiji .img-wrap {
height: 35vw;
}
.special-hiji .img-wrap--content {
height: 100%;
grid-area: 1 / 2 / 2 / 3;
}
.special-hiji .content {
top: 0;
position: absolute;
height: 100vh;
width: 100%;
}
.special-hiji .content__item {
height: 100vh;
display: grid;
align-items: center;
grid-template-columns: 30% 40% 30%;
grid-column-gap: 0;
}
.special-hiji .content__item {
height: 100%;
}
.special-hiji .content__item--current {
top: 0;
}
.special-hiji .img-wrap--content {
height: 100%;
}
.special-hiji .content__item-header {
justify-self: center;
grid-area: 1 / 1 / 2 / 3;
pointer-events: none;
}
.special-hiji .content__item-header-title {
font-size: 8vw;
}
.special-hiji .content__item-copy {
max-width: 240px;
justify-self: end;
text-align: right;
}
.special-hiji .grid__item--cursor.grid__item--left::after,
.special-hiji .grid__item--cursor.grid__item--right::after,
.special-hiji .img-wrap--content::after {
display: none;
}
.special-hiji .grid__item--cursor.grid__item--left {
cursor: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='61px' height='44px' viewBox='0 0 61 44' style='enable-background:new 0 0 61 44;' xml:space='preserve'%3E %3Cpath d='M.613 21.671L21.584.7l5.642 5.642-11.74 11.74H60.45v7.978H15.487l11.74 11.739-5.643 5.642L.613 22.469a.57.57 0 0 1 0-.798z'/%3E %3C/svg%3E") 30 22, sw-resize;
}
.special-hiji .grid__item--cursor.grid__item--center {
cursor: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='52px' height='52px' viewBox='0 0 52 52' style='enable-background:new 0 0 52 52;' xml:space='preserve'%3E %3Cpath d='M29.889 30.05l-.036 21.361c-.222.213-7.654.213-7.876 0l-.007-21.358-21.52.007v-7.978l21.518.036L21.96.571h7.978l-.037 21.56 21.388.037c.213.222.213 7.654 0 7.876l-21.401.007z'/%3E %3C/svg%3E") 26 26, crosshair;
}
.special-hiji .grid__item--cursor.grid__item--right {
cursor: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='61px' height='44px' viewBox='0 0 61 44' style='enable-background:new 0 0 61 44;' xml:space='preserve'%3E %3Cpath d='M60.287 21.671L39.316.7l-5.642 5.642 11.74 11.74H.45v7.978h44.963l-11.74 11.739 5.643 5.642 20.971-20.972a.57.57 0 0 0 0-.798z'/%3E %3C/svg%3E") 30 22, ne-resize;
}
.special-hiji .img-wrap--content {
cursor: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='52px' height='52px' viewBox='0 0 52 52' style='enable-background:new 0 0 52 52;' xml:space='preserve'%3E %3Cpath  d='M20.921 26.67L5.791 41.75C5.485 41.743.23 36.488.224 36.18L15.32 21.073.098 5.86 5.74.22l15.19 15.24L36.161.22l5.64 5.64-15.27 15.22 15.097 15.15c-.006.307-5.262 5.562-5.569 5.568L20.921 26.67z'/%3E %3C/svg%3E") 21 21, pointer;
}
}
.category-pop-up a, .category-pop-up {
color: #fff;
}
.special-hiji .grid__item .caption .categories,
.special-hiji .content__item .content__item-header .categories {
display: inline-block;
}
.special-hiji .content__item .content__item-header .categories,
.special-hiji .content__item .content__item-header .categories a {
color: #000000;
}
.special-dua .slide__title,
.special-dua .slide__number {
color: #000000;
}
.special-dua .slide__side {
font-weight: 700;
font-size: 14px;
}
.special-dua .content__subtitle {
display: flex;
align-items: center;
}
.special-dua .date-between-cat {
position: relative;
padding-left: 20px;
margin-left: 20px;
}
.special-dua .date-between-cat:before {
content: "";
position: absolute;
left: -10px;
top: 50%;
transform: translateY(-50%);
width: 20px;
height: 2px;
background-color: #fff;
}
.blog-block-wrap .caption-inside a {
line-height: 1;
}
.blog-full-image-style .caption-inside span.date {
line-height: 1;
}