/*
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. Whether you run a Law Firm, a corporate law firm, 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 Lawyer support to Civil Lawyer and Family Lawyer assistance. Built with Bootstrap and optimized code, the theme guarantees faster page load time, secure and clean code, 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 a more engaging user experience. As a multipurpose and agency-friendly design, it perfectly suits individual Legal Advisors, legal agencies, and law firms of any size. Customization becomes effortless with extensive personalization options, Customization Options, and built-in shortcodes that let you craft unique layouts without needing a developer. The beautifully structured homepage includes a striking Banner, an impressive Team section, a powerful call-to-action button (CTA), and a dedicated testimonial section for showcasing client success stories. Integration with social media platforms makes it easy to connect with clients and build your online presence. The Legal Consultant Blocks also features clean, interactive, and luxurious design elements that elevate the overall site appearance. Being translation-ready, it supports multilingual setups for global reach. Whether you aim to build a corporate presence or promote individual attorney services, this beautiful and user-friendly theme ensures your legal website remains professional, stunning, and highly functional.
Version: 1.0.0
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, 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;
}
.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;
}