/*
Theme Name: Blockskit Business Consulting
Theme URI: https://blockskit.com/blockskit-business-consulting/
Author: BlockskitDev
Author URI: https://blockskit.com
Description: Blockskit Business Consulting is a modern, versatile FSE WordPress theme designed for business, company, consulting, consult, agency, corporate, digital marketing, marketing, startup, finance, fintech, it solution, saas, software, tech solution, technology, and other Startup Company & Business websites—no coding required. With full-site editing, you can easily customize every aspect of your site, including headers and footers. Featuring multiple templates, patterns, and style variations, it adapts seamlessly to various aesthetics and business needs.
Template: blockskit-base
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 5.6
License: GPLv3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: blockskit-business-consulting
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, threaded-comments, translation-ready, wide-blocks, block-styles, blog, portfolio, education

Blockskit Business Consulting WordPress Theme, Copyright 2025 BlockskitDev
Blockskit Business Consulting is distributed under the terms of the GNU General Public License v3
*/

a,
a span {
  text-decoration: none !important;
}
.default-absolute {
  z-index: 100;
}
.partner-logo {
  height: 70px !important;
  width: auto;
}
.card-icon {
  font-size: 24px;
  color: #ffffff;
}
.icon-holder {
  width: 30px !important;
  height: 30px !important;
}
.wp_class_with_box_shadow:hover {
  box-shadow: 0px 0px 10px rgb(230, 230, 230);
}
.success-stories-heading {
  transform: 0.4s ease-in-out;
}
.success-stories-heading:hover {
  text-decoration: underline !important;
  color: #000;
}
.partners-section {
  background: linear-gradient(to right, #730f1c 30%, #a10001 90%, #891222);
  width: 100% !important;
}
.t2-column-image {
  max-height: 300px !important;
}
.t2-column-about-image {
  max-height: 250px !important;
}
.about-us-section-home {
  min-height: 400px;
  background: linear-gradient(
    180deg,
    #fce8e8 0%,
    #fdf0f0 25%,
    #fefafa 50%,
    #ffffff 75%,
    #ffffff 100%
  );
}
.cta-section {
  min-height: 50vh;
  background: linear-gradient(
    135deg,
    #1a0a0a 0%,
    #2d0f0f 25%,
    #730f1c 50%,
    #a10001 75%,
    #d94452 100%
  );
  /* background: linear-gradient(
    135deg,
    #1a1a1a 0%,
    #2d1a2d 25%,
    #3d2545 50%,
    #6b2d5c 65%,
    #c9477d 85%,
    #ff6b9d 100%
  ); */
}
.about-us-section-cards {
  overflow: hidden !important;
  height: 60vh;
}
.about-us-section-cards > img {
  width: 100% !important;
  height: auto;
  object-fit: cover;
}
.wp-block-image.size-medium.about-us-hero-section-cards {
  overflow: hidden !important;
  height: 60vh;
}
.wp-block-image.size-medium.about-us-hero-section-cards > img {
  width: 100% !important;
  height: auto;
  object-fit: cover;
}
.zero-decoration {
  text-decoration: none;
}
.about-us-header-image {
  overflow: hidden;
  height: 40vh;
}
.about-us-header-image > img {
  width: 100%;
  height: auto;
  object-fit: contain;
  object-position: center;
}
.wp-block-column.is-layout-flow.wp-block-column-is-layout-flow
  .wp-block-cover__background.has-secondary-accent-text-background-color.has-background-dim {
  opacity: 0;
}
.wp-block-column.is-layout-flow.wp-block-column-is-layout-flow
  .wp-block-cover__background.has-secondary-accent-text-background-color.has-background-dim:hover {
  opacity: 0.5;
}

/* Hide all by default */
/* .wp-block-column.is-layout-flow.wp-block-column-is-layout-flow
  .wp-block-cover__inner-container.has-global-padding.is-layout-constrained.wp-block-cover-is-layout-constrained
  .wp-block-column.is-vertically-aligned-bottom.is-layout-flow.wp-block-column-is-layout-flow {
  visibility: hidden;
  opacity: 0;
}

/* Show only the one inside the hovered column */
/* .wp-block-column.is-layout-flow.wp-block-column-is-layout-flow:hover
  > .wp-block-cover__inner-container.has-global-padding.is-layout-constrained.wp-block-cover-is-layout-constrained
  > .wp-block-columns
  > .wp-block-column.is-vertically-aligned-bottom.is-layout-flow.wp-block-column-is-layout-flow {
  visibility: visible !important;
  opacity: 1 !important;
} */

.wp-block-gallery .wp-block-image.partner-logo {
  width: 150px !important;
  max-width: 150px !important;
  flex: 0 0 150px !important;
}

/* .wp-block-gallery  */
.wp-block-image.partner-logo img {
  width: 100% !important;
  height: auto !important;
  object-fit: contain !important;
  aspect-ratio: auto !important;
  gap: 10px;
}
.wp-block-contact-form-7-contact-form-selector.subscription-form
  .wpcf7-form.init {
  display: flex;
  flex-wrap: nowrap;
}
.work-card-holder {
  height: 45vh;
  overflow: hidden;
}
.work-card-holder img {
  height: auto;
  min-height: 100%;
}
/* .sticky-navigation-bar {
  position: sticky !important;
  z-index: 1000 !important;
  top: 0 !important;
} */
.wp-block-group.sticky-navigation-bar.has-global-padding.is-layout-constrained.wp-block-group-is-layout-constrained.wp-container-2.is-position-sticky {
  position: sticky !important;
  z-index: 1000 !important;
  top: 0 !important;
}
.service-card-icons {
  font-size: 52px !important;
}
.card-image-icon .wp-block-image {
  width: 50px !important;
  height: 50px !important;
}
.card-image-icon .wp-block-image img {
  width: 100% !important;
}
.testimonial-icon {
  font-size: 32px !important;
}
.rotated-arrow span .svg-inline--fa.fa-arrow-right {
  transform: rotate(-45deg) !important;
}
ul.wp-block-categories-list.category-list.wp-block-categories.category-list
  li.cat-item {
  list-style: none !important;
  padding: 5px 0px;
}

/* Target by the sticky class alone */
.is-position-sticky {
  position: sticky !important;
  top: 0;
  z-index: 999;
}

/* OR target the specific navigation bar */
.sticky-navigation-bar {
  position: sticky !important;
  top: 0;
  z-index: 999;
}

/* OR be more specific but avoid the dynamic container class */
.wp-block-group.sticky-navigation-bar.is-position-sticky {
  position: sticky !important;
  top: 0;
  z-index: 999;
}

/* Animation 1: Fade and Slide Up */
.fade-slide-up {
  /* background: white;
  padding: 40px;
  border-radius: 20px;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3); */

  animation: fadeSlideUp linear;
  animation-timeline: view();
  animation-range: entry 0% cover 40%;
}

@keyframes fadeSlideUp {
  from {
    opacity: 0;
    transform: translateY(100px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Animation 2: Scale and Rotate */
.scale-rotate {
  /* background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
  padding: 40px;
  border-radius: 20px;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
  color: white; */

  animation: scaleRotate linear;
  animation-timeline: view();
  animation-range: entry 0% cover 40%;
}

@keyframes scaleRotate {
  from {
    opacity: 0;
    transform: scale(0.5) rotate(-10deg);
  }
  to {
    opacity: 1;
    transform: scale(1) rotate(0deg);
  }
}

/* Animation 3: Slide From Side with Blur */
.slide-blur {
  /* background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);
  padding: 40px;
  border-radius: 20px;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
  color: white; */

  animation: slideBlur linear;
  animation-timeline: view();
  animation-range: entry 0% cover 40%;
}

@keyframes slideBlur {
  from {
    opacity: 0;
    transform: translateX(-100px);
    filter: blur(10px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
    filter: blur(0);
  }
}
.alignwide.blog-card-image.wp-block-post-featured-image {
  height: 30vh !important;
  overflow: hidden;
}

.alignwide.blog-card-image.wp-block-post-featured-image a img {
  height: 100% !important;
  width: 100% !important;
  object-fit: cover !important; /* Changed from contain */
  object-position: center !important;
}