/*
Theme Name: Legal Consultant Blocks
Theme URI: https://www.misbahwp.com/products/legal-consultant-blocks
Author: misbahwp
Author URI: https://www.misbahwp.com/
Description: The Legal Consultant Blocks offer a modern, elegant, and sophisticated design tailored for professionals in the legal industry, making it ideal for consulting and legal advising services. Whether you run a law firm, a corporate legal practice, or provide attorney services, this theme helps you build a powerful lawyer website that reflects trust, credibility, and expertise. Its clean and minimal layout ensures a clutter-free browsing experience, allowing clients to easily explore your legal services, from criminal law support to civil and family law assistance. Built with Bootstrap and optimized code, the theme guarantees faster page load time, secure and clean coding standards, and a fully responsive and mobile-friendly structure. Its retina-ready visuals ensure your site looks stunning on all devices, while interactive and animated elements create an engaging user experience. As a multipurpose and agency-friendly design, it perfectly suits individual legal advisors, consulting professionals, legal agencies, and firms of any size. Customization becomes effortless with extensive personalization options, built-in shortcodes, and flexible layout controls that allow you to craft unique pages without needing advanced technical skills. The beautifully structured homepage includes a striking banner, an impressive team section, a powerful call-to-action button, and a dedicated testimonial section for showcasing client success stories. Integration with social media platforms makes it easy to connect with clients and strengthen your online presence. With its clean, interactive, and luxurious design elements, along with translation-ready functionality for multilingual reach, this theme ensures your legal website remains professional, visually appealing, and highly functional for modern legal advising and consulting needs.
Version: 1.0.6
Requires at least: 6.0
Tested up to: 6.9
Requires PHP: 5.6
License: GPLv3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: legal-consultant-blocks
Tags: flexible-header, style-variations, one-column, two-columns, footer-widgets, custom-background, custom-header, 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, news, blog, education
Legal Consultant Blocks WordPress Theme, Copyright 2025 misbahwp
Legal Consultant Blocks is distributed under the terms of the GNU General Public License v3
*/

.social-main-box ul li{
    border-radius: 5px  !important;
}
.social-main-box ul li a {
    font-size: 25px !important;
}
.call-icon {
    width: 40px !important;
    height: 40px !important;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 7px;
}
.call-column {
    text-align: right !important;
    justify-content: right;
    display: flex;
}
.social-main-box ul li:hover{
    background-color: var(--wp--preset--color--primary) !important;
}
.social-main-box ul li:hover a svg{
    fill: var(--wp--preset--color--accent-text) !important;
}
.social-main-box button.wp-block-search__button.has-icon.wp-element-button{
    background-color: transparent !important;
}
.header-btn a:hover,.banner-btn a:hover,.service-box .wp-block-button a:hover{
    background-color: var(--wp--preset--color--accent-text) !important;
    color: var(--wp--preset--color--primary) !important;
}
.main-header-top{
    border-bottom: 1px solid var(--wp--preset--color--accent-text) !important;
}
.icon-box:hover{
    color : var(--wp--preset--color--accent-text) !important;
    background-color : var(--wp--preset--color--primary) !important;
}

textarea,input.wpcf7-form-control{
    width: 93%;
}
.header-menu ul li:hover a span{
    color: var(--wp--preset--color--accent) !important;
}
.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;
}
.slider-image .owl-nav{
    display: none;
}
.slider-image{
    position: relative;
}
.owl-dots {
    position: absolute;
    bottom: 15px;
    width: 100%;
    display: none !important;
    display: flex;
    align-items: center;
    justify-content: center;
    gap:10px;
}
button.owl-dot {
    width: 10px !important;
    border: 0px;
    box-shadow: none;
    border-radius: 30px;
    height: 10px;
    padding: 0px !important;
    background: var(--wp--preset--color--accent-text) !important;
}
button.owl-dot.active {
    width: 25px !important;
    height: 8px;
    background-color: var(--wp--preset--color--accent) !important;
    border: 0px;
    box-shadow: none;
    border-radius: 30px;
}
.banner-right-box .gutentor-element.gutentor-element-video-popup.text-align-center-mobile {
    position: relative;
    top: 0px;
    width: 100%;
    border-radius: 50%;
    margin: 0px;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.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;
}
.banner-right-box{
    position: relative;
}
.wp-block-search.wp-block-search__button-only .wp-block-search__input{
	position: absolute;;
	right: 75px;
	padding:13px;
    z-index: 2;
}
form.wp-block-search__button-only.wp-block-search__icon-button.wp-block-search{
	position: relative;
    margin: 0px !important;
}
.slider-main-box {
    position: relative;
}
.main-header-top{
	position: relative;
}
.wp-block-search.wp-block-search__button-only .wp-block-search__button{
    padding: 10px;
}
.wp-block-search.wp-block-search__button-only .wp-block-search__input {
    right: 30px;
}
.blog-image,.blog-image img{
	width: 100%;
	object-fit: cover;
    height: 300px;
}
.countor-box h4 span{
    color: var(--wp--preset--color--accent) !important;
}
input#submit,button.wp-block-search__button.has-icon.wp-element-button,
.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;
}
.products-block-post-template .wp-block-woocommerce-product-button .added_to_cart.wc_forward{
    background-color: var(--wp--preset--color--primary);
    color: #ffffff;
    padding: 10px;
    margin: 0;
    text-decoration: none;
}
.single-product .wp-block-add-to-cart-form .quantity .input-text.qty{
    height: 42px;
}
.blog-image .wp-block-post-date time {
  display: inline-block;
  white-space: normal;
  text-align: center;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.1;
  border-top-left-radius: 20px;
}
.blog-image .wp-block-post-date time {
    width: 3.6ch;
    word-wrap: break-word;
    overflow-wrap: break-word;
}
.blog-image .wp-block-post-date time::first-line {
  display: block;
  font-weight: 700;
  font-size: 16px;
  line-height: 1;
}
.blog-image{
    position: relative;
}
.blog-image .wp-block-post-date {
    position: absolute;
    z-index: 1;
    left: 20px;
    top: 20px;
}
.blog-image .wp-block-post-date time::first-line {
  font-weight: 700 !important;
  font-size: 16px !important;
  display: block !important;
}
.main-header .social-icon .wp-block-button a:hover{
    background: var(--wp--preset--color--pure-black) !important;
}
.main-header .social-icon .button-1-header a:hover{
    background: var(--wp--preset--color--pure-black) !important;
    border-radius: 0px !important;
    color: var(--wp--preset--color--secondary-accent) !important;
}
.bk-hide-tab.bk-hide-mob.social-icon a.wp-block-social-link-anchor:hover,.social-icon ul li a:hover svg{
	color: var(--wp--preset--color--secondary);
	fill: var(--wp--preset--color--secondary);
}
.header-menu ul li a{
	padding: 5px 20px !important;
    position: relative;
}
.header-menu ul li a:hover{
    color: var(--wp--preset--color--accent-text) !important;
    border-radius: 7px;
}
.header-menu ul li ul.wp-block-navigation-submenu li a:after{
    display: none;
}
.header-menu ul li ul.wp-block-navigation-submenu li a,.header-menu ul li:hover ul.wp-block-navigation-submenu li a span{
    color: var(--wp--preset--color--accent-text) !important;
}
.header-menu ul li a:hover span{
    color: var(--wp--preset--color--primary) !important;
}
.banner-main{
    position: relative;
}
.banner-main:after{
    content: "";
    bottom: 0px;
    width: 100%;
    height: 50px;
    left: 0px;
    background: var(--wp--preset--color--accent-text) !important;
    position: absolute;
    z-index: 0;
}
.service-image{
    position: relative;
}
.service-image img{
    height: 250px;
    object-fit: cover;
}
.slider-meta-box {
    position: absolute;
    z-index: 2;
    left: 0px;
    right: 0px;
    max-width: 77% !important;
    bottom: 12px;
    margin: 0 auto;
}
.icon-box {
    width: 85px;
    height: 85px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 40px;
    color: var(--wp--preset--color--accent-text) !important;
}
.banner-main .owl-nav {
    display: flex !important;
    position: absolute;
    bottom: 25%;
    right: -8.5%;
    gap:15px;
    left: auto;
    z-index: 2;
    flex-direction: column;
}
.banner-main .owl-carousel .owl-nav .owl-prev:hover i, .banner-main .owl-carousel .owl-nav .owl-next:hover i{
  color: var(--wp--preset--color--accent) !important;
}
.banner-main .owl-carousel .owl-nav .owl-prev:hover, .banner-main .owl-carousel .owl-nav .owl-next:hover{
  background: var(--wp--preset--color--accent-text) !important;
}
.blog-content p a{
    color: var(--wp--preset--color--accent) !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    text-decoration: none;
}
.blog-content h2 a:hover,.blog-content p a:hover{
    color: var(--wp--preset--color--primary) !important;
}
.counter-icon{
    text-align: center;
    font-size: 55px;
    color: var(--wp--preset--color--accent-text) !important;
}
.banner-main .owl-carousel .owl-nav .owl-prev, .banner-main .owl-carousel .owl-nav .owl-next {
  width: 35px;
  height: 35px;
  border-radius: 6px;
  background-color: var(--wp--preset--color--primary) !important;
  border: 0px;
}
.date-box img,.date-box{
    width: 100%;
}
.banner-main .owl-carousel .owl-nav .owl-prev{
  margin-right: 10px;
}
.banner-main .owl-carousel .owl-nav .owl-prev i,.banner-main .owl-carousel .owl-nav .owl-next i{
  color: var(--wp--preset--color--accent-text) !important;
  font-size: 18px;
}
.service-box:hover .icon-box{
    background-color: var(--wp--preset--color--primary) !important;
}
.service-box h2{
    position: relative;
}
.service-box h2:after {
    position: absolute;
    content: "";
    bottom: -20px;
    left: 0px;
    right: 0px;
    margin: 0 auto;
    width: 50px;
    height: 3px;
    background-color: var(--wp--preset--color--primary) !important;
}
.contact-box-banner{
    position: relative;
    z-index: 1;
}
.social-meta ul li{
    border-radius: 6px !important;
    font-size: 18px;
    width: 35px !important;
    height: 35px !important;
    display: flex;
    justify-content: center;
    align-items: center;
}
.social-meta ul li a{
    width: 35px !important;
    height: 35px !important;
    display: flex;
    padding:0px !important;
    justify-content: center;
    align-items: center;
}
.contact-icon {
    width: 35px !important;
    height: 35px !important;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 15px;
}
.social-meta ul li:hover{
    background-color: var(--wp--preset--color--primary) !important;
    color: var(--wp--preset--color--accent-text) !important;
}
.contact-box-banner img,.contact-box-banner figure{
    width: 100% !important;
    height: 500px;
    object-fit: cover;
    object-position: top;
}
.video-box video {
    height: 450px;
    object-fit: fill;
    border-radius: 20px !important;
}
.slider-image figure{
    margin-bottom: 0px !important;
}
.slider-image img{
    width: 100% !important;
    height: 450px;
    object-fit: cover;
}
.gallery-section img{
    width: 100% !important;
}
.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;
}
.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;
}
.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;
}
.main-header{
    position: relative;
}
