/*SINGLE TEMPLATE CSS*/
.single-post-content > *:nth-child(odd) {
   background: #9e9e9e26;
}
.single-post-content > *:nth-child(even) {
   background: #ffffff;
}
.single-post-inner-content {
   min-height: 468px;
   height: 100%;
   object-fit: cover;
      position: relative;
}
.single-post-inner-content img {
      position: absolute;
      top: 0;
      right: 0;
      left: 0;
      bottom: 0;
      width: 100%;
      height: 100%;
      object-fit: cover;
}
.single-post-inner-content::after {
      content: "";
      background: rgb(0, 0, 0, 0.2);
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
}
.single-post-inner-content h1 {
      position: absolute;
      top: 50%;
      left: 0;
      right: 0;
      margin: 0 auto;
      transform: translateY(-50%);
      padding: 0 10px;
      z-index: 1;
      text-align: center;
      font-weight: 500 !important;
      font-size: 50px;
      color: #fff;
      text-transform: uppercase;
}
.single-post-description {
      padding: 50px 0;
}
.single-post-date img {
   font-size: 16px;
   padding-top: 3px;
}
.post-single-categories img {
   width: 17px !important;
}
.single-post-date img,
.post-single-categories img,
.single-post-author img{
      max-width: 20px;
      width: 100%;
      fill: #0889ce;
}
.single-custom-post-wrapper {
      position: relative;
}
.post-categories a {
      text-decoration: none;
      color: #ffffff;
      font-weight: bold;
      transition: all 0.3s ease;
      -webkit-transition: all 0.3s;
      -moz-transition: all 0.3s;
      -ms-transition: all 0.3s;
      -o-transition: all 0.3s;
}
.post-categories a:hover {
      color: #005a8c;
}
.full-image-block {
      text-align: center;
}
.left-image-block img,
.full-image-block img {
      max-height: 300px;
      height: 100%;
      object-fit: cover;
      width: 100%;
}
.gallery-image-block img {
      max-width: 100%;
      width: 100%;
      max-height: 300px;
      height: 100%;
      object-fit: cover;
}
.gallery-image-block {
      display: grid;
      grid-template-columns: 1fr 1fr 1fr;
      gap: 15px;
}
.button-block a {
      background: #9e9e9e26;
      color: #0889ce;
      padding: 15px 45px;
      border-radius: 10px;
      transition: all 0.3s ease;
      border: 1px solid #9e9e9e26;
}
.button-block a:hover{
      background: #0889ce;
      color: #fff;
      border: 1px solid #0889ce;
}
.button-block {
      text-align: center;
      padding: 50px 0;
}
.text-block {
      text-align: center;
      padding: 50px 0;
      margin-top: 0;
}
.single-post-details {
   display: flex;
      flex-wrap: wrap;
      align-items: center;
      gap: 20px;
      padding-bottom: 10px;
}
.single-post-date,
.post-single-categories {
      display: flex;
      align-items: center;
      gap: 5px;
}
.text-block p {
      max-width: 900px;
      width: 100%;
      margin: 0 auto;
}
.single-post-left-right-outer {
      display: grid;
      grid-template-columns: 1fr 1fr;
      align-items: center;
      gap: 25px;
}
.single-post-wrapper {
      padding: 50px 0;
}
.single-block{
      background: #9e9e9e26;
}
.inner {
      padding: 50px 0;
}
.container {
   width: 100%;
   max-width: 1300px;
   margin: 0px auto;
   padding: 0 15px;
}
.single-post-date span {
font-size: 16px;
   padding-top: 3px;
}
.post-single-categories a {
   font-size: 16px;
}
@media(max-width:1024px){
   .gallery-image-block {
      grid-template-columns: 1fr 1fr;
   }
}
@media(max-width:767px){
      .gallery-image-block {
      grid-template-columns: 1fr;
      }
      .single-post-left-right-outer {
      grid-template-columns: 1fr;
   }
}
/*END, SINGLE TEMPLATE CSS*/
/*ARCHIVE TEMPLATE CSS*/
*{
                  box-sizing: border-box;
                  margin: 0;
                  padding: 0;
                  font-family: Arial, sans-serif;
            }
            p{
                  font-size: 16px;
                  line-height: 1.5;
            }
            .container{
                  max-width: 1440px;
                  width: 100%;
                  margin: 0 auto;
                  padding: 0 20px;
            }
            .blog-wrapper {
                  padding: 20px;
            }
            .blog-row {
                  display: grid;
                  grid-template-columns: repeat(2, 1fr);
                  gap: 5px;
            }
            .blog-box {
                  background: #fff;
                  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
                  overflow: hidden;
                  display: flex;
            }
            .blog-image img {
                  width: 100%;
                  height: 100%;
                  object-fit: cover;
            }
            .blog-inner-img {
            height: 100%;
            }
            .blog-date {
                  position: absolute;
                  top: 10px;
                  left: 10px;
                  background: #fff;
                  padding: 5px;
            }
            .blog-right-side-box {
                  padding: 15px;
                  display: flex;
                  flex-direction: column;
                  height: 100%;
                  width: 50%;
            }

            .blog-detail h3 {
                  margin: 10px 0;
            }
            .blog-detail p {
                  padding-bottom: 10px;
            }
            .blog-btn {
                  padding: 5px 25px;
                  background: #007bff;
                  color: white;
                  text-decoration: none;
                  border-radius: 20px;
                  white-space: nowrap;
                  margin-top: auto;
                  font-size: 16px;
                  width: fit-content;
            }
            a {
            text-decoration: none;
            }
            .blog-wrapper {
                  padding: 80px 0;
            }
            .blog-image::after {
                  content: "";
                  width: 0;
                  height: 0;
                  border-top: 15px solid transparent;
                  border-left: 30px solid #fff;
                  border-bottom: 15px solid transparent;
                  position: absolute;
                  top: 50px;
                  left: 0;
            }

            .blog-image {
                  position: relative;
                  width: 50%;
            }

            .blog-box:nth-child(4n+3),
            .blog-box:nth-child(4n+4){
                  flex-direction: row-reverse;
            }

            .blog-box:nth-child(4n+3) .blog-image::after,
            .blog-box:nth-child(4n+4) .blog-image::after{
                  content: "";
                  left: inherit;
                  border-right: 30px solid #fff;
                  border-left: 0;
                  right: 0;
            }
            .blog-categories {
                  padding-bottom: 10px;
            }
            .blog-btn:hover {
                  background: transparent;
                  color: #007bff;
            }
            .blog-btn {
                  padding: 10px 30px;
                  background: #007bff;
                  border: 1px solid #007bff;
                  transition:all 0.3s ease ;
                  color: white;
                  text-decoration: none;
                  border-radius: 20px;
                  white-space: nowrap;
                  margin-top: auto;
                  width: fit-content;
            }
            .blog-categories {
                  display: flex;
                  flex-wrap: wrap;
                  gap: 5px;
            }
            .blog-box-outer .blog-categories-box {
                  width: fit-content;
            color: #000;
                  padding: 2px 5px;
            border-radius: 5px;
            }
            .blog-categories-box:nth-child(3n+1) {
            background: #FF3B5B;
            }
            .blog-categories-box:nth-child(3n+2) {
                  background: #E29801;
            }
            .blog-categories-box:nth-child(3n+3) {
                  background: #12999F;
            }
            @media(max-width:991px) {
                  .blog-row {
                        grid-template-columns: repeat(1, 1fr);
                  }
            }
            @media(max-width:767px){
                  h3 {
                      font-size: 20px;
                      line-height: 1.2;
                  }
                  .blog-date p {
                      font-size: 14px;
                  }

                  .blog-box {
                  flex-direction: column-reverse;
                  }
                  .blog-right-side-box {
                  width: 100%;
                  }
                  .blog-image {
                        width: 100%;
                  }
                  .blog-image::after,
                  .blog-box:nth-child(4n+3) .blog-image::after, .blog-box:nth-child(4n+4) .blog-image::after{
                        top:inherit;
                        border-left: 20px solid transparent;
                        border-right: 20px solid transparent;
                        border-bottom: 40px solid #fff;
                        bottom: 0;
                        right: inherit;
                        left: 30px;
                  }
                  .blog-box:nth-child(4n+3), .blog-box:nth-child(4n+4) {
                  flex-direction: column-reverse;
                  }
            }
/*END, ARCHIVE TEMPLATE CSS*/