@media print {
    p,a,h1,h2,h3,h4,h5,h6,span,ul,li,strong,em,b {
        color: #000 !important;
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
    }
}
.post-details-meta .item-meta-author a {
    color:#FFF;
}
.epilogue-title__holder p{
    margin-bottom:0;
}
.tooltip {
    position: fixed;
    z-index:999999;
}
.post-hero__section {
    color:#FFF;
}
footer,#nav-top,header{

    z-index:99999;

    position:relative;

}

.modal,#nav-top{
    z-index: 999999999;
}

@import url('https://fonts.googleapis.com/css2?family=Merienda:wght@300..900&display=swap');

.o{

  position:fixed;

  top:0;

  left:0;

  width:100%;

  height:100%;

}



.o1{

  background:#000;

  z-index: 4;

}



.o2{

  background:url(https://tiru.casa/assets/img/stars-min.webp);

  z-index: 4;

  animation:200s scroll infinite linear;

  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

  filter: alpha(opacity=100);

  -moz-opacity: 1;

  -khtml-opacity: 1;

  opacity: 1;

}



/*.o3{

  background:url(//image.ibb.co/g76HuT/nebula.png);

  z-index: 3;

  animation:200s scroll2 infinite linear;

}*/

.o3{

    background:url(https://tiru.casa/assets/img/nebula-1-min.webp);

    z-index: 1;

    animation: 200s scroll2 infinite linear;

    opacity: 0.5;

}



.o4{

  background:url(https://tiru.casa/assets/img/nebula-1-min.webp);

  z-index: 9999;

  animation:100s scroll infinite linear;
  opacity: 0.5;

}

.o5 {

    /*background: url(https://tiru.casa/assets/img/neb-min.webp);*/

    background-size: cover;

    background-position: center center;

    z-index: 9;

    background-repeat: no-repeat;

    opacity: 0.25;

    animation: 20s float infinite linear;

}

.o6 {

    background: #000;

    z-index: 99;

    opacity: 0.3;

}



@-webkit-keyframes scroll{

  100%{

    background-position:-3000px 0px;

  }

}

@-moz-keyframes scroll{

  100%{

    background-position:-3000px 0px;

  }

}

@-o-keyframes scroll{

  100%{

    background-position:-3000px 0px;

  }

}

@-ms-keyframes scroll{

  100%{

    background-position:-3000px 0px;

  }

}

@keyframes scroll{

  100%{

    background-position:-3000px 0px;

  }

}



@-webkit-keyframes scroll2{

  100%{

    background-position:-3000px 0px;

  }

}

@-moz-keyframes scroll2{

  100%{

    background-position:-3000px 0px;

  }

}

@-o-keyframes scroll2{

  100%{

    background-position:-3000px 0px;

  }

}

@-ms-keyframes scroll2{

  100%{

    background-position:-3000px 0px;

  }

}

@keyframes scroll2{

  100%{

    background-position:3000px 0px;

  }

}



#template-content{

    z-index:9999;

    position:relative;

}

.card {

    background:rgba(0,0,0,0.2);

    border:3px solid #ece9e945;

    padding:15px;

    box-shadow: 0 0 15px rgb(185 185 185 / 20%), 0 0 15px rgb(139 139 139 / 50%);

    animation: float 6s ease-in-out infinite;
    backdrop-filter: blur(5px);

}



.card .card-body{

    text-align:center;

}

.timeline {

    max-width: 1000px;

    position: relative;

    margin: 0 auto;

}



.timeline::after {

    content: "";

    position: absolute;

    top: 0;

    bottom: 0;

    left: 50%;

    width: 3px;

    margin-left: -2px;

    background-color: #FFF;

}

.tm-container {

    width: 50%;

    padding: 10px 40px;

    position: relative;

    background-color: inherit;

}



.tm-container::after {

    content: "";

    position: absolute;

    top: 22px;

    right: -10px;

    width: 20px;

    height: 20px;

    z-index: 1;

    border-radius: 50%;

    background-color: #FFF;

    border: 5px solid #000000;

    outline: 1px solid #FFF;

}



.tm-container.left {

    left: 0;

}



.tm-container.right {

    left: 50%;

}



.tm-container.left::before {

    content: " ";

    position: absolute;

    top: 22px;

    right: 30px;

    width: 0;

    height: 0;

    z-index: 1;

    border: medium solid #FFF;

    border-width: 10px 0 10px 10px;

    border-color: transparent transparent transparent #FFF;

}



.tm-container.right::before {

    content: " ";

    position: absolute;

    top: 22px;

    left: 30px;

    width: 0;

    height: 0;

    z-index: 1;

    border: medium solid #FFF;

    border-width: 10px 10px 10px 0;

    border-color: transparent #FFF transparent transparent;

}



.tm-container.right::after {

    left: -10px;

}



.tm-container .content {

    padding: 20px 30px;

    position: relative;

    border-radius: 6px;

    background-color: #ffffff29;

    border: 3px solid #ffffff2e;

}

.speech-bubble {

    position: relative;

    background: #00aabb;

    border-radius: .4em;

}



.speech-bubble:after {

    content: '';

    position: absolute;

    bottom: 0;

    left: 50%;

    width: 0;

    height: 0;

    border: 41px solid transparent;

    border-top-color: #00aabb;

    border-bottom: 0;

    margin-left: -41px;

    margin-bottom: -41px;

}

.medieval-quotes {

  background: linear-gradient(135deg, #0f1a2b, #101820);

  border: 5px double #4a6a88;

  padding: 2rem;

  margin: 2rem auto;

  font-family: 'UnifrakturCook', 'IM Fell English SC', serif;

  color: #c7d8ef;

  box-shadow: 0 0 30px rgba(50, 100, 150, 0.4);

  border-radius: 12px;

  position: relative;

  background-blend-mode: screen;

}



.medieval-quotes blockquote {

  margin: 0;

  font-size: 1.4rem;

  line-height: 1.8;

  position: relative;

  padding-left: 2rem;

  text-shadow: 0 0 4px rgba(120, 160, 200, 0.2);

}



.medieval-quotes blockquote::before {

  content: "“";

  font-size: 4rem;

  color: #6aa4d6;

  position: absolute;

  left: 0;

  top: -10px;

  font-family: Georgia, serif;

  text-shadow: 0 0 8px rgba(80, 130, 180, 0.3);

}



.medieval-quotes footer {

  margin-top: 1rem;

  font-size: 1rem;

  font-style: italic;

  color: #9bb7d9;

  text-align: right;

}

.main-slider-item{

    height:max-content !important;

}



@keyframes fadeInFromLeft {

  0% {

    opacity: 0;

    transform: translateX(-40px);

  }

  100% {

    opacity: 1;

    transform: translateX(0);

  }

}

.left{

    animation: fadeInFromLeft 1s ease-out forwards;;

}

.quotes-slider-container:hover .main-slider-nav .prev,.quotes-slider-container:hover .main-slider-nav .next{

    opacity:1

}

/* LATEST CSS 06 July,2025*/

#multiple-cards,#timeline,#quotes{

    display:none;

}
.single-epilogue p,.single-epilogue h5{
    margin-bottom:0;
}

.single-epilogue{

    background: rgba(0, 0, 0, 0.2);

    border: 3px solid #ece9e945;

    padding: 15px;

    box-shadow: 0 0 15px rgb(185 185 185 / 20%), 0 0 15px rgb(139 139 139 / 50%);

    width:100%;

    cursor:pointer;

    border-radius:15px;

    max-width: 330px;

    animation: glow-fade2 2s infinite ease-in-out alternate;
    backdrop-filter: blur(5px);

}

.single-epilogue .epilogue-img__holder img{

    max-width:300px;

    width:100%;

}

.skv-0-10{

    transform: rotate3d(1, 1, 0, -40deg);

    transition: transform .6s linear;

}

.skv-0-10- {

    transform: rotate3d(1, -1, 0, 40deg);

    transition: transform .6s linear;

}

.single-epilogue:hover{

    transform:rotate3d(1, 1, 0, 0deg) scale(1.1);

}

.post-title__holder h1,.post-title__holder h2,.single-epilogue h5{

    text-shadow: 2px 0px 21px #fdfdfd;

    color:#ffe780;

}

.single-box {

    width:calc(25% - 30px);

    text-align:center;

    background: rgba(0, 0, 0, 0.2);

    border: 3px solid #ece9e945;

    box-shadow: 0 0 15px rgb(185 185 185 / 20%), 0 0 15px rgb(139 139 139 / 50%);

    border-radius:10px;

    padding:10px;

    transition:all .6s linear;

    cursor:pointer;
    backdrop-filter: blur(5px);

}

.single-box p{

    font-size:17px;

    font-weight:600;

    color:#f8e17d;

    text-shadow:2px 0px 21px #fdfdfd;

}



.single-box span{

    color:#d8cfab;

    font-size:15px;

}

.single-box:hover{

    border: 3px solid #ece9e97a

}

.multiple-boxes{

    gap:40px;

}

.single-quote{

    background: rgba(0, 0, 0, 0.2);

    border-left: 6px solid #ffe56b;

    box-shadow: 0 0 15px rgb(185 185 185 / 20%), 0 0 15px rgb(139 139 139 / 50%);

    padding:2rem;

    border-radius:10px;

    margin-bottom:25px;

    position:relative;

    border-top: 3px solid #ece9e945;

    border-right: 3px solid #ece9e945;

    border-bottom: 3px solid #ece9e945;

    transition:all .6s linear;
    backdrop-filter: blur(5px);

}

.single-quote:hover{

    border-top: 3px solid #ece9e97a;

    border-right: 3px solid #ece9e97a;

    border-bottom: 3px solid #ece9e97a;

}

.single-quote::before{

    content:"";

    font-size: clamp(28px, 5vw, 81px);

    position:absolute;

    top: -10px;

    left:15px;

    color:#ead578;

}



.quotes__holder {

    /*width:80%;*/

    margin:0 auto

}



.single-quote .single-quote__inner p{

    margin-bottom:0;

    font-size:17px;

    font-weight:500;

    color:#f0e6be;

}

.single-quote .single-quote__inner span{

    font-style:italic;

    position:relative;

    padding-left:10px;

    font-weight:400;

    color:#f0e6be;

    

}

.single-quote .single-quote__inner span::before{

    content:"-";

    position:absolute;

    top:-10px;

    font-size:22px;

    left:0;

}

.timeline-section{

    background: rgba(0, 0, 0, 0.2);

    border: 3px solid #ece9e945;

    box-shadow: 0 0 15px rgb(185 185 185 / 20%), 0 0 15px rgb(139 139 139 / 50%);

    border-radius:10px;

    padding:2rem;

    transition:all .6s linear;
    backdrop-filter: blur(5px);

}

.timeline-section:hover{

    border: 3px solid #ece9e97a;

}

.timeline-section h4{

    color:#ffe780;

    font-size:1.75rem;

    

}

.timeline-section{

    color: #f8f0c4;

    font-size: 1rem;

    line-height: 1.6;

}

.epilogue-section-2{

    background: rgba(0, 0, 0, 0.2);

    border: 3px solid #ece9e945;

    /*box-shadow: 0 0 15px rgb(185 185 185 / 20%), 0 0 15px rgb(139 139 139 / 50%);*/

    backdrop-filter: blur(10px);

  -webkit-backdrop-filter: blur(10px);

  box-shadow:

    0 0 15px rgba(0, 255, 255, 0.3),

    0 0 40px rgba(255, 0, 255, 0.1),

    inset 0 0 8px rgba(0, 255, 255, 0.2);

    border-radius:10px;

    padding:2rem;

    animation: glow-fade 2s infinite ease-in-out alternate;

}

.epilogue-section.ep h5{

    color:#ffe780;

    font-size:1.25rem;

}

#typewriter-container p ,#typewriter-container h1, #typewriter-container h2, #typewriter-container h3, #typewriter-container a, #typewriter-container span, #typewriter-container ul, #typewriter-container li{

  

  white-space: wrap;

  overflow: hidden;

  color:#f0e6be;

  font-family: "Merienda", cursive;

}

.credit-section{

    background: rgba(0, 0, 0, 0.2);

    border: 3px solid #ece9e945;

    box-shadow: 0 0 15px rgb(185 185 185 / 20%), 0 0 15px rgb(139 139 139 / 50%);

    /*animation: float 6s infinite ease-in-out alternate;*/

    text-align:center;

    padding:10px;

    border-radius:10px;

    width: max-content;

    margin: 0 auto;

    transition:all .6s linear;
    backdrop-filter: blur(5px);

}

.timeline-section ul{
    margin-bottom:0;
}

.credit-section:hover{

    border: 3px solid #ece9e97a;

}

.credit-section p{

    margin-bottom:0;

    font-size: 0.9rem;

    color:#c8b776;

    font-family:'Segoe UI', sans-serif;

}

.credit-section span{

    font-weight:700;

}

.lightbox{

    position: fixed !important;

    left: 50% !important;

    top: 50% !important;

    transform: translate(-50%, -50%);

}

.lb-nav a.lb-next{

    position: relative;

    right: -11%;

}

.lb-nav a.lb-prev{

    position: relative;

    left: -11%;

}

.epilogue-img__holder img{
    min-height:280px;
    max-height:280px;
    object-fit:contain;
}

.btn-share {
    display: flex;
}

.btn-share a {
    display: flex;
    width: 42px;
    height: 40px;
    justify-content: center;
    align-items: center;
    border-radius: .125rem;
    font-size: 18px;
    color: #fff !important;
    margin-right: 10px;
}

@keyframes glow-fade {

  0% {

    box-shadow:

      0 0 10px rgba(0, 255, 255, 0.2),

      0 0 20px rgba(255, 0, 255, 0.05),

      inset 0 0 4px rgba(0, 255, 255, 0.1);

  }

  100% {

    box-shadow:

      0 0 25px rgba(0, 255, 255, 0.4),

      0 0 60px rgba(255, 0, 255, 0.2),

      inset 0 0 12px rgba(0, 255, 255, 0.25);

  }

}

@keyframes glow-fade2 {

  0% {

    box-shadow:

      0 0 10px rgba(185, 185, 185, 0.2),

      0 0 20px rgba(139, 139, 139, 0.05),

      inset 0 0 4px rgba(185, 185, 185, 0.1);

  }

  100% {

    box-shadow:

      0 0 25px rgba(185, 185, 185, 0.4),

      0 0 60px rgba(139, 139, 139, 0.2),

      inset 0 0 12px rgba(185, 185, 185, 0.25);

  }

}

    

@keyframes float {

    0% {

        transform: translatey(0px);

    }

    50% {

        transform: translatey(-20px);

    }

    100% {

        transform: translatey(0px);

    }

}
@media screen and (max-width: 1024px) {
    #lightboxOverlay,#lightbox{
        display:none !important;
    }

@media screen and (max-width: 768px) {
    #lightboxOverlay,#lightbox{
        display:none !important;
    }
}

@media screen and (max-width: 600px) {
    #lightboxOverlay,#lightbox{
        display:none !important;
    }

    .single-box {
        width: calc(50% - 15px);
    }
    .multiple-boxes {
        gap: 15px;
    }

    .single-box p {
        font-size: 16px;
        margin-bottom: 5px;
        line-height: 1;
    }

    .timeline::after {

        left: 31px;

    }
    .credit-section{
        width:100%;
    }



    .tm-container {

        width: 100%;

        padding-left: 70px;

        padding-right: 25px;

    }



    .tm-container::before {

        left: 60px;

        border: medium solid #FFF;

        border-width: 10px 10px 10px 0;

        border-color: transparent #FFF transparent transparent;

    }



    .tm-container.left::after,

    .tm-container.right::after {

        left: 14px;

    }



    .tm-container.right {

        left: 0%;

    }

}