/*
Theme Name: Business Analyst Coach
Theme URI: https://www.misbahwp.com/products/business-analyst-coach
Author: misbahwp
Author URI: https://www.misbahwp.com/
Description: Business Analyst Coach provides a clean and organised framework with features for creating structured websites. It includes responsive layouts that automatically adapt to different screen sizes and offers customization options for colours, typography, menus, widgets, headers, and footers through the built-in Customizer. Homepage sections can be configured to display featured content, testimonials, image galleries, contact information, and additional content blocks while maintaining a consistent layout. The theme works with the block editor and supports integration with commonly used page builders for flexible page design. Users can upload logos, configure navigation menus, manage widget areas, and add banners without modifying the core files. Compatibility with SEO, contact form, caching, and security plugins extends functionality while maintaining stable performance. Translation-ready support makes multilingual websites easier to manage, and standard coding practices help maintain compatibility with future platform updates. The theme also provides flexible layout controls for spacing, fonts, colours, and content placement, allowing website updates through the Customizer while preserving an organised structure across desktop and mobile devices.
Version: 1.0.4
Requires at least: 6.0
Tested up to: 7.1
Requires PHP: 5.6
License: GPLv3 or later
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Text Domain: business-analyst-coach
Tags: style-variations, one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready, wide-blocks, block-styles, blog
Business Analyst Coach WordPress Theme, Copyright 2026 misbahwp
Business Analyst Coach is distributed under the terms of the GNU General Public License v3
*/

a:focus {
    outline: 2px solid;
    outline-offset: 2px;
}
.taxonomy-category.wp-block-post-terms a:hover {
    color: var(--wp--preset--color--primary);
}
.product-content a:focus {
    outline: 2px solid #000;
}
.screen-reader-text {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    word-wrap: normal !important;
}
.screen-reader-text:focus {
    background-color: #eee;
    clip: auto !important;
    clip-path: none;
    color: #444;
    display: block;
    font-size: 1em;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
}
.product-image{
    position: relative;
}
.product-image img,.product-image figure{
    width: 100%;
    height: 350px;
}
.footer-contact-box p:hover{
    color: var(--wp--preset--color--primary) !important;
    cursor: pointer;
}
.product-rating{
    position: absolute;
    top: 0px;
    left: 0px;
}
.banner-btn a:hover{
    background-color: var(--wp--preset--color--secondary-one) !important;
    color: var(--wp--preset--color--accent-text) !important;
}
.blog-group{
    margin-top: 50px !important;
}
textarea,input.wpcf7-form-control{
    width: 93%;
}
.header-menu ul li:hover a span
.header-menu ul li ul.wp-block-navigation-submenu li a{
    background: var(--wp--preset--color--accent-text) !important;
    color: var(--wp--preset--color--secaccent) !important;
}
.main-header-top .wp-block-social-link a:hover{
    color: var(--wp--preset--color--secondary-accent) !important;
    fill: var(--wp--preset--color--secondary-accent) !important;
}
.wp-block-search.wp-block-search__button-only .wp-block-search__input{
	position: absolute;;
	right: 75px;
	padding:13px;
}
form.wp-block-search__button-only.wp-block-search__icon-button.wp-block-search{
	position: relative;
    margin: 0px !important;
}
.main-header-top{
	position: relative;
}
.wp-block-search.wp-block-search__button-only .wp-block-search__button{
    padding: 10px;
}
.home .header-inner {
    box-shadow: 0px 0px 6px 0px #FFFFFF80;
}
.wp-block-search.wp-block-search__button-only .wp-block-search__input {
    right: 17px;
}
.wp-block-post-terms a:focus {
    color: #ffffff !important;
}

.blog-image,.blog-image img{
	width: 100%;
	height: 400px !important;
	object-fit: cover;
}
input#submit,
.wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link,
a.wc-block-components-button.wp-element-button.wc-block-cart__submit-button.contained,
button.wc-block-components-button.wp-element-button.wc-block-components-totals-coupon__button.contained,
.wp-block-woocommerce-checkout-actions-block .wc-block-checkout__actions_row .wc-block-components-checkout-place-order-button,
button.wp-block-search__button.has-border-color.has-outline-border-color.wp-element-button,
.wp-block-button.wc-block-components-product-button .wc-block-components-product-button__button{
    background-color: var(--wp--preset--color--primary) !important;
}
.blog-image .wp-block-post-date {
    position: absolute;
    z-index: 1;
    right: 0px;
    top: 20px;
}
.blog-image .wp-block-post-date time::first-line {
  font-weight: 700 !important;
  font-size: 16px !important;
  display: block !important;
}
.header-menu ul li a:hover {
  text-decoration: underline;
}
.header-menu ul li a{
	padding: 10px 20px !important;
    position: relative;
    color: #ffffff !important;
}
.header-menu .wp-block-navigation__submenu-container a {
    color:  #000 !important;
}
.header-menu ul{
 list-style: none !important;
}
.header-menu ul li ul.wp-block-navigation-submenu li a:hover{
    color: var(--wp--preset--color--secondary-one) !important;
    background: transparent !important;
    border-radius: 0px;
}
.main-header{
    position: relative;
}
.wp-block-categories-dropdown.wp-block-categories {
    position: relative;
    text-align: right;
}
.wp-block-categories-dropdown.wp-block-categories:after {
    content: "\f333";
    top: 0px;
    left: 0px;
    position: absolute;
    width: 36px;
    font-size: 22px;
    color: #fff;
    font-family: "dashicons";
    height: 100%;
    background-color: var(--wp--preset--color--primary) !important;
    border-radius: 8px 0px 0px 8px;
    display: flex;
    justify-content: center;
    align-items: center;
}
select#wp-block-categories-1 {
    background-color: var(--wp--preset--color--primary) !important;
    color: var(--wp--preset--color--accent-text) !important;
    border: 0px;
    width: 100%;
    padding: 13px 20px 13px 40px !important;
    border-radius: 8px !important;
}
.header-menu ul li ul.wp-block-navigation-submenu li a:after{
    display: none;
}
.wp-block-button__link{
    height: auto;
}
.wc-block-mini-cart.wp-block-woocommerce-mini-cart .wc-block-mini-cart__quantity-badge svg:hover{
	fill: var(--wp--preset--color--secondary) !important;
}
.wc-block-components-product-sale-badge.wc-block-components-product-sale-badge--align-right.wc-block-grid__product-onsale span{
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    color: var(--wp--preset--color--accent-text) !important;
}
button.single_add_to_cart_button.button.alt.wp-element-button{
    background-color: var(--wp--preset--color--primary) !important;
}
.wc-block-components-product-sale-badge.wc-block-components-product-sale-badge--align-right.wc-block-grid__product-onsale{
    background-color: var(--wp--preset--color--primary) !important;
    border-top-left-radius: 0px;
    border-top-right-radius: 12px;
    border: 0px !important;
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 0px;
    padding-top: 3px;
    padding-right: var(--wp--preset--spacing--x-small);
    padding-bottom: 3px;
    padding-left: var(--wp--preset--spacing--x-small);
    position: absolute;
    top: 0px;
    right: 0px;
}
.wp-block-cover .is-layout-constrained {
    padding-left: 5px !important;
    padding-right: 5px !important;
}
.footer-contact span{
    fill: var(--wp--preset--color--primary) !important;
}
.footer-main a.wp-block-social-link-anchor:hover, .footer-main ul li a:hover svg {
    color: var(--wp--preset--color--pure-black) !important;
    fill: var(--wp--preset--color--pure-black)  !important;
}
footer .wp-social-link svg {
    height: 1.5em !important;
    width: 1.5em !important;
}
footer a:hover{
    color: var(--wp--preset--color--primary);
}

/* Header Section */

.header-section .header-inner {
    width: 80%;
    margin-right: 0 !important;
    background-color: var(--wp--preset--color--primary) !important;
}
.header-section .header-inner .header-menu{
    position: relative;
}
.header-section .header-inner .header-menu::before{
    content: "";
    position: absolute;
    top: 0;
    left: -21.2%;
    width: 20px;
    height: 100%;
    background: var(--wp--preset--color--primary);
    clip-path: polygon(100% 0, 0 50%, 100% 100%);
}
.wp-block-navigation-submenu .wp-block-navigation__submenu-icon svg {
    stroke: #ffffff;
}
.header-section i {
    color: var(--wp--preset--color--primary);
}
.header-section a {
    text-decoration: unset;
}
.header-section a:hover{
    color: var(--wp--preset--color--primary);
}
.header-section .header-icons {
    gap: 5px;
}
.header-section .top-bar {
    gap: 30px;
}
.header-section .header-menus {
    display: grid;
    grid-template-columns: auto auto;
}
.header-inner,
.header-section{
    position: relative;
    overflow: visible !important;
}
.header-section .header-site-title{
    position: absolute;
    left: -11%;
    top: -45%;
    z-index: 9999;
    width: fit-content;
}
.header-section,
.wp-block-columns,
.wp-block-column{
    overflow: visible !important;
}
.header-section .header-site-title {
    max-width: 136px;
}

/* Banner Section */

.banner-section {
    position: relative;
}
.banner-section::before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 60%;
    height: 100%;
    background: rgba(0,0,0,0.45);
    clip-path: polygon( 0% 0%,86.413% 0%,100% 34.296%,66.571% 100%,0% 100%,0% 0% );
    z-index: 1;
}
.banner {
    position: relative;
}
.banner::after{
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: 3%;
    height: 100%;
    z-index: 1;
    background: var(--wp--preset--color--primary);
}
.banner::before {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    width: 3%;
    height: 50%;
    z-index: 2;
    background: #ffffff;
    clip-path: polygon(0 8%, 100% 0, 100% 100%, 0% 100%);
}
.banner-section .banner-content,
.banner-section .slider-social-icons{
    position: relative;
    z-index: 2;
}
.banner-section .slider-social-icons{
    position: absolute;
    left: -7%;
    top: 50%;
    transform: translateY(-50%);
    z-index: 3;
    text-align: center;
}
.banner-section .slider-social-icons::before{
    content: "";
    width: 2px;
    height: 45px;
    background: #fff;
    display: block;
    margin: 0 auto 10px;
    opacity: 0.6;
}
.banner-section .slider-social-icons::after{
    content: "";
    width: 2px;
    height: 45px;
    background: #fff;
    display: block;
    margin: 10px auto 0;
    opacity: 0.6;
}
.banner-section .slider-social-icons a:hover{
    transform: translateX(3px);
}
.banner-section .banner-btn i,
.about-section .banner-btn i,
.blog-section .wp-block-post-excerpt__more-text i {
    color: var(--wp--preset--color--primary);
    background-color: var(--wp--preset--color--accent-text);
    border-radius: 4px;
    padding: 5px;
    margin-left: 10px;
}
.banner-section .banner-btn a:hover,
.about-section .banner-btn a:hover {
    background-color: #ffffff !important;
    color: var(--wp--preset--color--primary) !important;
}
.banner-section .banner-btn a:hover i,
.about-section .banner-btn a:hover i {
    background-color: var(--wp--preset--color--primary);
    color: var(--wp--preset--color--accent-text);
}
.banner-section .wp-social-link a:focus {
    outline: 1px solid #ffffff !important;
}
.banner-section .wp-block-cover .is-layout-constrained  {
    padding: 0px !important;
}
.banner .owl-nav {
    position: absolute;
    right: 5%;
    bottom: 2%;
    display: flex;
    gap: 10px;
}
.banner .owl-nav button {
    background-color: var(--wp--preset--color--primary) !important;
    width: 35px !important;
    height: 35px;
    width: 50%;
    border-radius: 500%;
}
.banner .owl-nav button:hover {
    background-color: #ffffff !important;
}
.banner .owl-nav i {
    color: var(--wp--preset--color--accent-text);
}
.banner .owl-nav button:hover i {
    color: var(--wp--preset--color--primary) !important;
}
.banner h1 {
    letter-spacing: 0.1px;
}

/* About Section */

.about-section .img-1 img {
  height: 355px;
  width: 100%;
  object-fit: cover;
}
.about-section .img-2 img {
    height: 200px;
    object-fit: cover;
    position: relative;
    right: 50px;
}
.about-section .img-2 {
    width: 125%;
}
.about-section .wp-block-columns {
    gap: 20px;
}
.about-section .images-group {
    display: grid;
    grid-template-columns: 60% 40%;
}
.about-section .banner-btn a {
    border: 1px solid;
}
.about-section .about-bottom-info {
    gap: 40px;
}
.about-section .banner-btn a:hover {
   border: 1px solid #000;
}

/* Counter Section */

.counter-section i {
  color: var(--wp--preset--color--primary);
  background: #fff;
  width: 80px;
  height: 80px;
  border-radius: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 48px;
  transition: all .5s ease 0s;
  margin-bottom: 10px;
  margin: auto;
}
.counter-section .achievements_box:hover i {
  transform: rotate(360deg);
}
.counter-section p {
    opacity: 0.5;
}
.wp-block-post-featured-image :where(img){
    height: 400px;
}

/* Blog Section */

.blog-section time {
    width: 45px;
    height: 75px;
    background-color: var(--wp--preset--color--primary);
    border-radius: 10px;
    color: var(--wp--preset--color--accent-text);
    padding: 10px 14px;
}
.blog-section time {
    display: block;
    font-size: 0;
    text-align: center;
    line-height: 1.2;
    position: absolute;
    right: 15px;
    z-index: 2;
}
.blog-section time::before {
    content: "9";
    display: block;
    font-size: 40px;
    font-weight: 700;
    color: #ffffff;
}
.blog-section time::after {
    content: "May";
    display: block;
    font-size: 18px;
    font-weight: 500;
    text-transform: uppercase;
    color: #ffffff;
    margin-top: 5px;
}
.blog-section .blog-image,
.blog-section img {
    height: 280px !important;
}
.blog-section .blog-content {
    box-shadow: 0px 0px 6px #00000038;
}
.blog-section .blog-image {
    position: relative;
}
.blog-section h2 a:hover {
    color: var(--wp--preset--color--primary);
}

/* Footer Section */

.footer-contact a{
    text-decoration: none;
}
.footer-contact a:hover {
    text-decoration: underline;
}
.blog-box{
    scale: 0.98;
}