/*
Theme Name: Inspiro Blocks Child
Theme URI: https://www.wpzoom.com/themes/inspiro-blocks/
Template: inspiro-blocks
Author: WPZOOM
Author URI: https://www.wpzoom.com/
Description: Inspiro Blocks is a Block theme that is fully compatible with the new Full Site Editor. The theme includes unique page templates, block patterns, and color styles that can be customized to create a beautiful website. With Inspiro Blocks, you can easily build and design a website by simply dragging and dropping blocks into pages. The theme offers a modern and minimalist design that is perfect for bloggers, photographers, creatives, and small businesses. Inspiro Blocks is also an excellent choice for portfolio sites as it includes video and portfolio integration. This makes it easy for users to showcase their work and create a professional portfolio website. With the portfolio integration feature, users can display their projects in a grid or masonry layout. These features make Inspiro Blocks a great option for photographers, videographers, designers, and other creatives who want to showcase their work in a visually appealing way. The theme is fully GDPR-compliant and doesn't use any external Google Fonts. All fonts are locally hosted. The theme bundles 6 Color Schemes and 20+ Block Patterns. DEMO CONTENT & Documentation can be found here:       ➔       https://www.wpzoom.com/documentation/inspiro-blocks/
Tags: blog,block-styles,grid-layout,one-column,two-columns,three-columns,four-columns,featured-images,full-width-template,custom-colors,custom-menu,custom-logo,editor-style,sticky-post,translation-ready,threaded-comments,wide-blocks,block-patterns,full-site-editing,template-editing,e-commerce
Version: 1.1.3.1762932670
Updated: 2025-11-12 07:31:10

*/

/* .wp-block-post-title {
  display: none;
} */
 body{
  overflow-x: hidden;
 }

.custom-banner .n2-ss-slide{
    height: 100vh;
}
.custom-banner .n2-ss-slide .animated-text  blockquote {
  max-width: 445px;
  backdrop-filter: blur(10px);
  margin: 0 auto 15px;
  background: rgba(255,255,255,0.2) !important;
}
@keyframes animatedTextGradient {
  to {
    background-position: 200% center;
  }
}
.custom-banner .n2-ss-slide-limiter {
  max-width: 100% !important;
}
.site-header .header-mail-info {
  display: flex;
  align-items: center;
  gap:25px;
  justify-content: flex-end;
}
.site-header .header-mail-info .wp-block-essential-blocks-feature-list  {
    margin-top: 0;
}
.site-header .header-mail-info .wp-block-essential-blocks-feature-list span.eb-feature-list-icon {
  margin-top: 8px;
}
.site-header{
  position: absolute;
  z-index: 1;
  width: 100%;
  /* background-color: rgba(255,255,255,0.15);
  backdrop-filter: blur(15px); */
  left: 0;
  right: 0;
}
.site-header .header-wrapper {
    border-bottom: 1px solid rgba(255,255,255,0.2);
}
.site-header .wp-block-navigation__container {
    display: flex;
   gap: 20px;
}
.text-left .eb-button-wrapper .eb-button-inner-wrapper { 
    justify-content: flex-start;
}
.portfolio-dark .custom-grid{
    max-width: 1100px;
    grid-template-columns: 1fr 1fr;
    place-items: center;
}
.custom-banner .n2-ss-section-main-content {
  --n2bggradient: linear-gradient(to top, RGBA(0,0,0,0) 0%,RGBA(0,0,0,0.6) 100%) !important;
}
.info-box {
  margin-left: 30px !important;
}
.info-box .wp-block-group {
  background: #101010;
  margin-left: auto;
  padding: 28px;
  border: 5px solid transparent;
  border-radius: 12px;
  position: relative;
  z-index: 1;
}
.info-box .wp-block-group *{
  position: relative;
  z-index: 2;
}
.info-box .wp-block-group::before{
 content: "";
  position: absolute;
  top: -1px;
  left: -1px;
  right: -1px;
  bottom: -1px;
  background: linear-gradient(90deg, #ff0080, #0ab1f0, #40e0d0, #ff0080);
  background-size: 300% 300%;
  z-index: -1;
  border-radius: 12px;
  animation: borderMove 4s linear infinite;
}
.info-box .wp-block-group::after{
   content: "";
  position: absolute;
  top: 2px;
  left: 2px;
  right: 2px;
  bottom: 2px;
  background: #111;
  border-radius: 10px;
  z-index: 1;
}
@keyframes borderMove {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
.info-box.fixed .wp-block-group{
  position: fixed;
  right: auto;
  top: 50px;
}
.video-section, .comman-section{
  position: relative;
  z-index: 1;
}
.footer-menu .wp-block-navigation__container{
  display: grid;
  grid-template-columns: 1fr 1fr;
  width: 100%;
}
.footer-menu .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open), .footer-menu .wp-block-navigation.is-vertical{
  width: 100%;
}
header .iwt_themenu > ul.mega-sub-menu{
  width: auto !important;
  padding: 20px 30px!important;
  background-color: #00a7e3;
}
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item{
  padding: 0 !important;
}
/* header .iwt_themenu > ul.mega-sub-menu{
  width: 50% !important;
} */
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column{
    width: 100% !important;
}
header .iwt_themenu.event_menu > ul.mega-sub-menu {
  width: 300px !important;
}
header .iwt_themenu.gem_menu > ul.mega-sub-menu {
  width: 120% !important;
  transform: translate(-18%, 10px) !important;
}
header .iwt_themenu.event_menu > ul.mega-sub-menu > .mega-menu-row{
  width: 100% !important;
}
header .custom-submenu > ul.mega-sub-menu{
  width: auto !important;
  left: auto !important;
  transform: translate(0, 10px) !important;
  padding: 15px 30px!important;
  list-style-type: none;
}
header .custom-submenu > ul.mega-sub-menu ul{
  list-style-type: none;
}
header .custom-submenu > ul.mega-sub-menu ul a{
  font-size: 14px;
  color: #fff !important;
  text-decoration:underline;
}
header li.mega-menu-row > .mega-sub-menu{
  display: flex !important;
  justify-content: space-between;
  width: 100% !important;
  gap: 48px;
}
header .menu-theme-menu-container ul{
  list-style-type: none !important;
}
header li.mega-menu-row > .mega-sub-menu h2{
  margin: 0 0 10px 0;
}
header li.mega-menu-row > .mega-sub-menu a{
  text-decoration: underline;
}
header li.mega-menu-row > .mega-sub-menu a, header li.mega-menu-row > .mega-sub-menu .custom-html-widget{
  font-size: 14px;
  color: #fff !important;
}
header li.mega-menu-row > .mega-sub-menu .wpb_wrapper{
  margin-bottom: 15px;
}
.cover-btn {
  position: relative;
}
.cover-btn a, .cover-btn .wp-block-cover__inner-container {
  width: 100%;
  height: 100%;
  inset: 0;
  position: absolute;
  color: transparent;
  display: block;
}
.contact-form form textarea{
  height: 150px;
}
.contact-form .form_group {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  column-gap: 20px;
}
.contact-form .cf7-submit-wrap{
  text-align: center;
}
.contact-form .wpcf7-spinner{
  position: absolute;
}
.description-section p{
  margin-top: 0 !important;
}
.header-icon ul.kt-svg-icon-list{
  margin-bottom: 0 !important;
}
input[type="submit"], input{
  border-radius: 0 !important;
}
.news-form label a{
  font-size: 13px !important;
}
#sidebar {
  margin-left: 50px;
}
.shared-counts-wrap.style-buttons a.shared-counts-button{
  width: 32px;
}
.single .audio-popup-btn {
  padding: 14px 25px;
  background: #0ab1f0;
  color: #fff;
  border-radius: 0;
  cursor: pointer;
  border: none;
  font-size: 16px;
  margin: 0;
}
.podcast-sec{
  position: relative;
}
.podcast-sec .wp-block-outermost-icon-block {
  position: absolute;
  right: 0;
  top: 0;
}
.sermon-latest-wrapper .wp-block-columns {
  gap: 30px;
}
.sermon-latest-wrapper .wp-block-cover .wp-block-cover__background{
  opacity: .7;
  background-color: #000;
}
.sermon-latest-wrapper .wp-block-cover__inner-container h6, .sermon-latest-wrapper .wp-block-cover__inner-container h3{
  margin: 0 0 0px 0 !important;
}
.sermon-latest-wrapper .wp-block-cover{
  align-items: flex-end;
}
.sermon-latest-wrapper.sermon-card .wp-block-cover{
  min-height: 350px;
}
.sermon-latest-wrapper.sermon-card button{
  line-height: inherit;
  font-size: 14px;
  padding: 10px 25px;
  background-color: #0ab1f0;
  color: #fff;
  border: 0;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
}
#sermons-data {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}
.sermon-item.col-4 {
    width: calc(33.333% - 20px);
}
.sermon-latest-wrapper .wp-block-cover__inner-container {
  padding: 0 !important;
}
.sermon-latest-wrapper .wp-block-cover__inner-container h6 a{
  font-family: inherit;
  font-size: inherit;
}
.sermon-latest-wrapper .wp-block-cover__inner-container p{
  margin-bottom: 0 !important;
}
.predict-video .video-popup-overlay{
  max-width: 100%;
  margin-top: 0;
}
.audio-popup-overlay{
  margin-top: 0 !important;
}
.c-btn a:hover{
  background-color: #101010 !important;
}
.predict-video{
  z-index: 2;
}
.custom-speaker-section .our-team{
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 20px;
  padding-bottom: 10px;
  border-bottom: 1px solid #d9d9d9;
  margin-bottom: 10px !important;
}
.custom-speaker-section .col-md-4:last-child .our-team{
  border: 0;
}
.custom-speaker-section{
  margin-left: 30px !important;
}
.custom-speaker-section .our-team figure{
  height: 50px;
}
.custom-speaker-section .our-team h2, .custom-speaker-section .our-team figure, .custom-speaker-section .our-team h5{
  margin: 0 !important;
}
.custom-speaker-section .our-team h5{
  font-size: 14px;
  line-height: 20px;
}
.custom-speaker-section .our-team h5 a, .custom-speaker-section .our-team h2 a{
  font-size: inherit;
  color: #000;
  text-decoration: none;
}

.custom-speaker-section .our-team h2{
  line-height: 20px;
  font-size: 16px;
}
.custom-speaker-section .our-team h2 a{
    text-transform: uppercase;
    font-weight: 500;
}
.custom-speaker-section h2 a:hover, .custom-speaker-section .sermon-categories li a:hover, .custom-speaker-section .our-team h5 a:hover, .latest-sermons li a:hover{
  color: #0ab1f0;
}
.custom-speaker-section .our-team figure img{
  width: 50px;
  height: 50px;
  object-fit: cover;
  border-radius: 50%;
}
.custom-speaker-section h2.wp-block-kadence-advancedheading{
  font-size: 24px !important;
}
.custom-speaker-section .sermons-speakers{
  margin-bottom: 40px;
  border-bottom: 1px solid rgba(109, 109, 120, 0.27);
  padding-bottom: 40px;
}
.custom-speaker-section .sermon-categories , .latest-sermons{
  list-style-type: none;
  margin-top: 0;
}
.custom-speaker-section .sermon-categories li, .latest-sermons li{
  padding-bottom: 10px;
  border-bottom: 1px solid #d9d9d9;
  margin-bottom: 10px;
}
.custom-speaker-section .sermon-categories li:last-child,  .latest-sermons li:last-child{
  border-bottom: 0;
}
.custom-speaker-section .sermon-categories li a, .latest-sermons li a{
  color: #000;
  text-decoration: none;

}
/* Newsletter Box Wrapper Start*/
.news-form {
    background: #f7f9fc;            /* light grey background */
    padding: 60px 20px;
    border-radius: 8px;
}

/* Center and limit form width */
.news-form .tnp {
    max-width: 600px;
    margin: 0 auto;
}

/* Label styling */
.news-form label {
    font-weight: 600;
    margin-bottom: 8px;
    display: block;
    color: #333;
}

/* Input fields */
.news-form input[type="email"],
.news-form input[type="text"] {
    width: 100%;
    padding: 14px 16px;
    font-size: 16px;
    border: 1px solid #ddd;
    border-radius: 6px;
    margin-bottom: 20px;
    background: #fff;
}

/* Checkbox text */
.news-form .tnp-privacy-field label {
    font-size: 14px;
    color: #555;
    line-height: 1.4;
    display: flex;
    align-items: flex-start;
}

/* Checkbox size */
.news-form input[type="checkbox"] {
    width: 18px;
    height: 18px;
    margin-right: 8px;
    margin-top: 2px;
}

/* Submit Button */
.news-form .tnp-submit {
    background: #0ab1f0 !important ;      /* Blue button color from screenshot */
    color: #fff;
    padding: 12px 28px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-size: 17px;
    font-weight: 600;
    transition: 0.2s ease;
}

/* Button hover */
.news-form .tnp-submit:hover {
    background: #0ab1f0;
}

/* Form spacing */
.news-form .tnp-field-button {
    margin-top: 15px;
}

.news-letter-form p {
    text-align: center;
}
.news-letter-form .tnp-field-button {
    display: flex;
    justify-content: left;
}
.single-sermon .tnp-subscription .tnp-field-email label {
    display: none;
}
.single-sermon .tnp-field input[type="submit"]{
background-color: #0ab1f0;;
}
/* Newsletter Box Wrapper End*/
@media screen and (max-width:1140px){
  .custom-banner .n2-ss-slide{
    height: 80vh;
  }
  .info-box.fixed .wp-block-group{
    max-width: 379px;
  }
    .sermon-item.col-4 {
    width:47%;
}
}
@media screen and (max-width:1024px){
  .site-header .main-header .wp-block-image img{
    width: 150px !important;
  }
  #sidebar {
  margin-left: 0px;
}
  .site-header .main-header .wp-block-navigation__container{
    gap: 7px;
  }
   .site-header .main-header .wp-block-navigation .wp-block-navigation-item__content{
    font-size: 12px;
  }
  .site-header .header-wrapper .wp-block-column{
    flex-grow: unset;
    flex-basis: unset !important;
  }
  .site-header .header-mail-info{
    gap: 16px;
  }
  .site-header .header-mail-info p{
    font-size: 12px !important;
  }
  .site-header .header-mail-info .wp-element-button{
    font-size: 12px !important ;
    padding-inline: 8px !important;
  }
  .info-box {
    margin-left: 0px !important;
  }
  .info-box.fixed .wp-block-group{
    position: relative;
    width: auto;
  }
  .podcast-section .wp-block-group {
    padding-inline: 0;
  }
  .podcast-section .podcast-info.wp-block-column{
    flex-basis: 80% !important;
  }
  .podcast-section .wpz-hide-mobile.wp-block-column {
    display: block !important;
    flex-basis: 10% !important;
  }
  .footer-menu .wp-block-navigation__container{
    grid-template-columns: 1fr;
  }
    .site-header .header-wrapper{
    justify-content: space-between;
  }
  .site-header #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link{
    font-size: 14px !important;
  }
}
@media screen and (max-width:781px){
  .header-wrapper .eb-social-links-wrapper ul.eb-socials li a{
    font-size: 16px;
  }
  .custom-banner .n2-ss-slide h1{
    font-size: 40px !important;
    line-height: 50px !important;
  }
.contact-form .form_group {
  grid-template-columns: 1fr;
  margin-bottom: 20px;
}
.contact-form .form_group p{
  margin-bottom: 0;
}
  .header-wrapper .eb-social-links-wrapper ul{
    column-gap: 4px;
  }
  .site-header .header-mail-info p{
    display: none;
  }
  .site-header .header-mail-info {
    gap: 8px;
  }
  .site-header .header-mail-info .wp-block-essential-blocks-feature-list span.eb-feature-list-icon{
    padding-right: 0 !important;
  }
  .site-header .header-mail-info .wp-element-button {
    font-size: 11px !important;
    padding-inline: 6px !important;
  }
  .portfolio-dark .custom-grid {
    grid-template-columns: 1fr;
    place-items: flex-start;
    gap: 50px;
  }
  .footer-nav{
    padding-inline: 0 !important;
  }
  .video-trailer .wp-block-group{
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
  }
  .trailer-section .wp-block-spacer{
    height: 30px !important;
    padding-bottom: 30px !important;
  }
  .Hier-text{
    padding-left: 0 !important;
  }
}
@media screen and (max-width:768px){
  .custom-speaker-section{
    margin-left: 0 !important;
  }
  /* News Letter Ipad Css Resposive Starting*/
  div.tnp-subscription, form.tnp-subscription, form.tnp-profile{
    width: 100% !important;
    max-width: 100% !important;
  }
  /*News Letter Ipad Css Ending*/
  .site-header #mega-menu-wrap-primary .mega-menu-toggle + #mega-menu-primary{
    background-color: #00a7e3 !important;
  }
  .site-header #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link{
    background: #101010 !important;
   }
    .site-header #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item.mega-menu-megamenu  ul.mega-sub-menu{
      flex-direction:  column !important;
      gap: 20px !important;
   }
   header .iwt_themenu.gem_menu > ul.mega-sub-menu , header .custom-submenu > ul.mega-sub-menu{
    width: 100% !important;
    transform: unset !important;
  }

}
@media screen and (max-width:642px){
  footer .wp-block-navigation__responsive-container-open, footer .wp-block-navigation__responsive-container-close {
  display: none;
  }
  footer .wp-block-navigation__responsive-container{
    display: block;
    position: unset;
  }
 .header-icon .kt-svg-icon-list-text a{
  display: none !important;
 }
.header-icon  .kt-svg-icon-list-single{
  margin: 0 0 0 8px !important;
 }
  .sermon-item.col-4 {
    width: 100%;
}
.custom-banner .n2-ss-slide .animated-text blockquote{
  font-size: 22px !important;
  line-height: 26px !important;
  padding: 9px !important;
}
.podcast-sec .wp-block-outermost-icon-block{
  width: 30px !important;
}
.podcast-sec .wp-block-group.is-layout-flex{
 flex-direction: column !important;
  justify-content: flex-start!important;
  align-items: flex-start!important;
  gap: 0!important;
}
}