/**
 * Theme Name:        JSW Defence
 * Theme URI:         https://jsw-defence.gt.tc/jsw-defence/
 * Description:       Custom theme description...
 * Version:           1.0
 * Author:            Tsw Admin
 * Author URI:       https://jsw-defence.gt.tc/jsw-defence/
 * Tags:             bootstrap
 * Text Domain:       JSW Defence
 */


h1.blog-title.page-title{
    letter-spacing: -1.6px;
    font-weight: 400;
    font-size: 56px;
    line-height: 1.2;
}
.blog-heading{
        padding: 100px 0 50px;
}
.blogs-filter-search, .blogs-filter-select {
    border: 1px solid #DBDBDB;
        border-radius: 8px;
}
.blog-link{
    color:#000000;
}
.blogs-filter-search input.form-control, .blogs-filter-select .form-select {
    background: #F4F4F4;
    border: 1px solid #DBDBDB;
        border-radius: 8px;
        min-height: 54px;
}
.blogs-filter-select .form-select{
  padding-right: 40px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%23000' d='M1.41 0L6 4.58 10.59 0 12 1.41 6 7.41 0 1.41z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 16px center;
  background-size: 12px 8px;
  color:#595959;
}
.blogs-filter-search .search-icon {
  position: absolute;
  left: 8px;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
  color: #999;
  font-size: 0;
}

.blogs-filter-search input {
  padding-left: 38px;
}
.blog-content span.learn-more-icon{
    padding-left:10px;
}
.blog-grid{ 
    padding-top:25px;
}
.blog-grid .blog-title{
    min-height:70px;
}
#blogsResults .blog-card img {
    border-radius: 8px;
}
span.blog-date {
    font-size: 15px;
    color: #595959;
}
/* POST DETAILS PAGE CSSS*/
/* Gallery wrapper */
.wp-container-core-columns-is-layout-9d6595d7
{
    .wp-block-cover__inner-container .wp-block-group.wp-block-group-is-layout-flex {
      display: grid !important;
      grid-template-columns: 2fr 1fr;
      grid-template-rows: 1fr 1fr;
      gap: 16px;
      align-items: stretch;
    }
    /* All images full size */
    .wp-block-cover__inner-container figure {
      margin: 0;
      overflow: hidden;
      border-radius: 12px;
    }
    /* Image styling */
    .wp-block-cover__inner-container img {
      width: 100% !important;
      height: 100% !important;
      object-fit: cover;
      display: block;
    }
    /* Left large image */
    .wp-block-cover__inner-container figure:nth-child(1) {
      grid-row: 1 / span 2;
      grid-column: 1 / 2;
    }
    .has-black-background-color {
        background-color: unset !important;
    }
    .wp-block-cover.alignfull {
        padding: 0 !important;
    }
}
.single-blog h2.wp-block-heading,
.single-post h2.wp-block-heading {
    font-size: 48px;
    color: #101010;
        padding-bottom: 26px;
}

section.blog-testimonial {
    background: #EEEEEE;
        border-radius: 16px;
}

section.blog-testimonial h3 {
    font-size: 38px;
}
.blog-detail-heading{
    font-size: 56px;
    line-height: 1.4;
}
.blog-detail-heading span.heading-highlight {
    color: #63C1F9;
}
.blog-ralative-post h3 {
    color: #101010;
    font-size: 40px;
    font-weight: 500;
}
/* video modal blogs */
.blogs-page .video-overlay {
  position: absolute;
  inset: 0;
  z-index: 10;
  cursor: pointer;
  transition: opacity 0.2s ease;
}

.blogs-page .video-overlay:hover {
  opacity: 0.9;
}

/* Modal styling - smaller and centered */
#videoModal.blog-modal-video .modal-dialog {
  max-width: 900px;
  width: 90%;
  margin: 4.75rem auto;
}

#videoModal.blog-modal-video .modal-content {
  border: none;
  border-radius: 8px; 
  overflow: hidden;
}

#videoModal.blog-modal-video .btn-close {
  z-index: 1055;
  opacity: 0.9;
  padding: 0.75rem;
}

#videoModal.blog-modal-video .btn-close:hover {
  opacity: 1;
}
.blog-modal-video .modal-backdrop {
  background-color: rgba(0, 0, 0, 0.8);
}
/* responsive css*/
@media screen and (max-width: 600px) {
  body.single-post {
     
    .blog-detail-heading {
        font-size: 35px;
        line-height: 1.3;
    }
    h2.wp-block-heading {
        font-size: 32px;
        padding-bottom: 12px;
    }
    section.blog-testimonial h3
    {
        font-size: 22px;
    }
    .position-relative.testimonial-icon {
        padding-top: 20px !important;
    }
    section.blog-testimonial {
        padding: 20px;
    }
    .wp-block-cover.alignfull {
        min-height: unset !important;
    }
    .blog-ralative-post h3 {
        font-size: 28px;
     }
  }
   #videoModal.blog-modal-video .modal-dialog {
    max-width: 95%;
    margin: 0.5rem auto;
  }
}