/*
Theme Name: Law Advocate
Theme URI: https://www.vwthemes.com/products/free-law-wordpress-theme
Author: VWthemes
Author URI: https://www.vwthemes.com
Description: The Law Advocate theme is an exceptional choice for barristers, attorneys, law professionals, law firms, legal offices, solicitors, judges, and law consultants. With its minimalistic and sophisticated design, it provides all the essential resources needed for a polished online presence. This responsive and retina-ready theme ensures that your website will look stunning across various devices, including smartphones, tablets, and desktops. You can easily personalize aspects such as the color scheme, font styles, and backgrounds to reflect your unique brand. The theme offers numerous sections, including professionally designed areas for your team, testimonials, and a blog. An eye-catching banner paired with a Call to Action (CTA) button encourages user engagement and can lead to improved conversions. Additionally, its SEO-optimized code ensures faster loading times and better search engine rankings, while the translation-ready and Bootstrap-based design guarantees reliability. Explore the theme further at: https://www.vwthemes.net/law-advocate/. Demo: https://www.vwthemes.net/law-advocate/
Template: vw-lawyer-attorney
Requires at least: 5.0
Tested up to: 7.1
Requires PHP: 7.2
Version: 0.7.5
License: GPLv3.0 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: law-advocate
Tags: left-sidebar, right-sidebar, one-column, two-columns, three-columns, four-columns, grid-layout, wide-blocks, block-styles, flexible-header, block-patterns,custom-colors, custom-background, custom-logo, custom-menu, custom-header, editor-style, featured-images, footer-widgets, sticky-post, full-width-template, theme-options, threaded-comments, post-formats, education, portfolio, e-commerce
*/

.toggle-nav button:focus,.search-box a:focus, .main-navigation a:focus{
  outline-color: #000;
  border-bottom: none;
}
.slider .testbutton a:focus {
  outline-color: #fff;
}
.footer a:focus{
  border-bottom: none;
}
body {
  background: #fff;
}
h1, h2, h3, h4, h5, h6 {
  color: #000;
}
.top-bar-btn a, .slider .testbutton a, #about-section .about-btn a{
  font-family: 'Libre Baskerville', serif;
}
/* --------TOP BAR --------- */
.top-bar i {
  color: #4d7cf3;
  margin-right: 8px;
}
.top-bar span, .top-bar span a{
  color: #000000;
}
.top-bar span a:hover, .logo .site-title a:hover, .main-navigation a:hover, .main-navigation ul.sub-menu a:hover,.slider .inner_carousel h1 a:hover{
  color: #4d7cf3;
}
.top-bar {
  border-bottom: solid 1px #cccccc;
}
.top-bar-btn a {
  background-color: #4d7cf3;
  color: #fff;
  font-size: 16px;
  padding: 10px 12px;
  border-radius: 5px;
  font-weight: 600;
}
#about-section .about-btn a:hover, .slider .testbutton a:hover, .top-bar-btn a:hover, .slider .testbutton a, #about-section .about-btn a{
  background-color: #000000;
}
.search-box i{
  color: #000000;
  border: none;
  padding: 0;
}
.admin-bar .home-page-header {
  margin-top: 32px;
}
.serach_inner input.search-submit:hover {
  background-color: transparent;
}
/* ------------ Social Media ----------- */
.main-header-box h3.custom_title{
  display: none;
}
.main-header-box .custom-social-icons i {
  background-color: #000000;
  color: #ffffff;
  border: solid 1px #000000;
  padding: 6px 0;
  width: 25px;
  height: 25px;
  text-align: center;
  font-size: 12px;
  border-radius: 50px;
  margin-bottom: 5px;
}
.main-header-box .custom-social-icons i:hover {
  background-color: #4d7cf3;
  border-color: #4d7cf3;
  color: #ffffff;
}
.main-header-box .custom-social-icons a:focus{
  outline: 1px solid #333333;
}
.top-bar .custom-social-icons {
  display: flex;
  list-style-type: none;
}
/* ------------ LOGO CSS ----------- */
.logo {
  text-align: center;
  padding: 20px 0;
  margin: 0;
}
.logo-bdr {
  border-right: solid 1px #cccccc;
}
.logo h1 a, .logo p.site-title a {
  color: #000000;
  font-weight: bold;
  font-size: 28px;
}
.logo h1 a:focus, .logo p.site-title a:focus{
  outline: 1px solid #000000;
}
.logo p.site-title {
  margin: 0;
  line-height: 1.2;
}
.logo h1, .logo p.site-title  {
  font-size: 30px;
  padding: 0;
  margin-bottom: 0px;
}
p.site-description {
  font-weight: 500;
  letter-spacing: 1px;
  font-style: italic;  
  font-size: 12px;
  margin-bottom: 0;
  color: #000000;
}
/* --------- HEADER --------- */
.home-page-header {
  background-color: #4d7cf3;
  padding-bottom: 25px;
}
.page-template-custom-home-page .home-page-header, .page-template-ibtana-page-template .home-page-header{
  position: absolute !important;
  width: 100%;
  z-index: 999;
  background-color: transparent !important;
  padding: 0;
}
.main-header-box {
  background-color: #ffffff;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}
.page-template-ibtana-page-template .middle-align{
  padding: 0em 0 0;
}
/* --------- Slider Section --------- */
.slider img{
  height: 700px !important;
}
.slider .testbutton a, #about-section .about-btn a{
  background-color: #4d7cf3;
  color: #fff;
  padding: 12px 15px;
  border-radius: 5px;
  border: 0;
  font-size: 16px;
  font-weight: 600;
}
.slider .testbutton a:hover{
  border: none;
}
.slider .carousel-control-next-icon i, .slider .carousel-control-prev-icon i{
  border: none;
  font-size: 30px;
  margin-right: 6px !important;
  
}
.slider .carousel-control-next-icon i:hover, .slider .carousel-control-prev-icon i:hover{
  background-color: transparent;
  border: none;
}
.main-navigation a {
  padding: 12px 15px !important;
}
.sidebar .widget{
  margin-bottom: 28px !important;
}
.sidebar .custom-social-icons i {
  padding: 14px 12px;
  border: 1px solid;
  margin: 0px auto;
  width: 40px;
  height: 40px;
  text-align: center;
}
/* --------- About Section --------- */
#about-section h2, #about-section h2 a{
  color: #171717;
  font-size: 28px;
}
#about-section strong {
  margin-bottom: 10px;
  color: #4d7cf3;
  letter-spacing: 1px;
  font-size: 16px;
}
#about-section img.about-image2{
  border: 3px solid #4d7cf3;
  border-radius: 50%;
}
#about-section h3{
  font-style: italic;
  color: #2C2F35;
  font-family: 'Poppins', sans-serif;
  font-weight: 600;
  font-size: 22px;
  letter-spacing: 0.3px;
}
#about-section .about-list i{
  margin-right: 10px;
  color: #4d7cf3;
}
#about-section span.list{
  color: #2C2F35;
}
/* --------- Menus CSS --------- */
.main-navigation a{
  color: #000000;
}
.main-navigation ul ul{
  border-color: #4d7cf3;
}
/* --------- Blog Page --------- */
#preloader, .hvr-sweep-to-right:before, nav.woocommerce-MyAccount-navigation ul li, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt, .woocommerce span.onsale, input[type="submit"]:hover, input[type="submit"], .scrollup i, .sidebar .tagcloud a:hover, .sidebar input[type="submit"], .pagination a:hover, .pagination .current, .footer .wp-block-search .wp-block-search__button, .sidebar .wp-block-search .wp-block-search__button, .footer .tagcloud a:hover, #comments a.comment-reply-link, .woocommerce li.product .added_to_cart{
  background-color: #4d7cf3;
}
.sidebar ul li::before, #comments input[type="submit"].submit{
  background-color: #4d7cf3 !important;
}
.entry-content a, .sidebar .textwidget p a, .textwidget p a, #comments p a, .slider .inner_carousel p a, .entry-summary a, .copyright p, .footer h3, .footer .wp-block-search .wp-block-search__label, .footer li a:hover, .sidebar ul li a:hover, .sidebar caption, a, .sidebar h3, .sidebar .wp-block-search .wp-block-search__label, .postbox:hover h2 a, .postbox:hover .metabox a, .single-post .metabox:hover a{
  color: #4d7cf3;
}
.footer .widget a.rss-widget-title:hover {
  color: #4d7cf3;
}
input[type="submit"], .footer-2, .footer h3, .footer .wp-block-search .wp-block-search__label, hr.big, .sidebar h3, .sidebar .wp-block-search .wp-block-search__label, .sidebar .tagcloud a:hover{
  border-color: #4d7cf3;
}
input[type="submit"]:hover, input[type="submit"], .pagination a:hover, .sidebar .tagcloud a:hover, #comments input[type="submit"].submit{
  color: #ffffff;
}
.nav-previous a:hover, .nav-next a:hover, .woocommerce nav.woocommerce-pagination ul li span.current, .woocommerce nav.woocommerce-pagination ul li a:hover{
  background-color: #4d7cf3;
  color: #fff;
}
.testbutton a:hover, .read-moresec a:hover{
  border: 2px solid #4d7cf3;
}
.pagination .current{
  color: #fff;
}
#comments input[type="submit"].submit, #comments a.comment-reply-link, #preloader, nav.woocommerce-MyAccount-navigation ul li, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt, .woocommerce span.onsale, input[type="submit"]:hover, input[type="submit"], .scrollup i, .sidebar .tagcloud a:hover, .sidebar input[type="submit"], .pagination a:hover, .pagination .current, .footer .wp-block-search .wp-block-search__button, .sidebar .wp-block-search .wp-block-search__button, .footer .tagcloud a:hover, #comments a.comment-reply-link, a.button, .postbox.smallpostimage .testbutton a, .woocommerce li.product .added_to_cart {
  border-radius: 0px;
}
.bradcrumbs a:hover, .bradcrumbs span , .post-categories li a:hover{
  background: #4d7cf3;
  color: #fff;
}
/* --------- Footer CSS --------- */
.copyright a {
  color: #4d7cf3;
}
/* --------- Widget CSS --------- */
.footer .custom-about-us, .sidebar .custom-about-us {
  text-align: left;
}
.footer a.custom_read_more, .sidebar a.custom_read_more{
  background-color: #4d7cf3;
  color: #fff;
  font-size: 12px;
  border-radius: 5px;
  font-weight: 900;
  letter-spacing: 1px;
  border: none;
}
.footer a.custom_read_more:hover{
  color: #4d7cf3;
  border: solid 1px #4d7cf3;
  background-color: transparent;
}
.sidebar a.custom_read_more:hover{
  background-color: transparent;
  color: #333;
  border: solid 1px #333;
}
.sidebar input[type="submit"]:hover, .footer input[type="submit"]:hover{
  background: #4d7cf3;
  color: #fff;
}
.footer .custom-social-icons i:hover, .sidebar .custom-social-icons i:hover{
  background-color: #4d7cf3;
  color: #fff;
  border-color: #4d7cf3;
}
/*extra for sidbar*/
.sidebar .wp-block-heading{
  margin: 0 0 15px;
  text-transform: none;
  font-size: 22px;
  padding: 10px 0px;
  text-align: left;
  color: #4d7cf3;
  letter-spacing: 2px;
  font-weight: bold;
  border-bottom: 3px solid #4d7cf3;
}
.sidebar .wp-block-tag-cloud a:hover , .footer .custom-about-us a.custom_read_more{
  background-color: #4d7cf3;
  color: #fff;
}
nav.navigation.posts-navigation .nav-previous a, nav.navigation.posts-navigation .nav-next a{
  background-color: #4d7cf3;
}
.postbox:hover h2 a, .postbox:hover .metabox a, .single-post .metabox:hover a, .grid-postbox:hover h2 a, .grid:hover .metabox a{
  color: #4d7cf3;
}
/*cart and checkout css*/
.wp-block-woocommerce-cart .wc-block-cart__submit-button,a.wc-block-components-checkout-return-to-cart-button, .wc-block-components-checkout-place-order-button, .wc-block-components-totals-coupon__button{
  background-color: #4d7cf3 !important;
  color: #fff !important;
  text-decoration: none !important;
  border-radius: 10px;
  border: none !important;
  padding: 10px;
}
.wp-block-woocommerce-cart .wc-block-cart__submit-button:hover, .wc-block-components-checkout-place-order-button:hover{
  background: #000 !important;
  color: #fff !important;
}
.wc-block-components-order-summary-item__quantity{
  background-color: #4d7cf3 !important;
}
.wp-block-woocommerce-empty-cart-block .wc-block-grid__product-onsale{
  background: #4d7cf3 !important;
  border-color: #4d7cf3 !important ;
}
.wp-block-button .wp-block-button__link:hover, .wp-block-button .wp-block-button__link:focus{
  background: #4d7cf3 !important;
}
header.woocommerce-Address-title.title a,#tag-cloud-sec .tag-cloud-link{
  background: #4d7cf3 !important;
}
#tag-cloud-sec .tag-cloud-link,.wp-block-button__link {
  font-size: 16px !important;
  color: #fff !important;
  border: 1px solid;
  padding: 10px;
  margin: 10px;
  display: inline-block;
  text-transform: capitalize;
  background: #4d7cf3 !important;
}
.wp-block-woocommerce-cart .wc-block-components-product-badge,a.wp-block-button__link.add_to_cart_button.ajax_add_to_cart{
  background-color: #4d7cf3 !important;
  border: 1px solid #4d7cf3;
}
.wp-block-button__link{
  border-color: transparent !important;
  color: #fff !important;
  text-decoration: none !important;
}
.breadcrumbs a:hover, .breadcrumbs span, .post-categories li a:hover{
  background-color: #4d7cf3;
}
/* --------- Media CSS --------- */
@media screen and (max-width:720px) { 
  .top-bar .custom-social-icons {
    justify-content: center;
  }
}
@media screen and (max-width:768px) { 
  .slider .carousel-control-next-icon i, .slider .carousel-control-prev-icon i{
    font-size: 25px;
  }
  .top-bar span {
    margin: 10px 0;
    display: inline-block;
  }
  .slider .testbutton a, #about-section .about-btn a{
    font-size: 10px;
  }
  
}
@media screen and (max-width:767px){
  .slider .carousel-caption {
    top: 75%;
    right: 20% !important;
    left: 20% !important;
  }
  .slider .carousel-control-next, .slider .carousel-control-prev{
    top: 45%;
    right: -5%;
  }
  .slider .carousel-control-prev{
    left: -5%;
  }
  .slider .carousel-control-next{
    right: -5%;
  }
  .top-bar .custom-social-icons{
    justify-content: center;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px){
  .slider .carousel-caption{
    top: 60%;
  }
  .slider img{
    height: 600px !important;
  }
  .slider .inner_carousel h1{
    font-size: 30px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px){
  .top-bar .custom-social-icons{
    padding-left: 0 !important;
  }
  .top-bar .custom-social-icons i {
    margin-right: 2px;
  }
  .top-bar-btn a{
    font-size: 12px;
  }
}
@media screen and (max-width:1000px) { 
  .main-header-box{
    padding-bottom: 0px;
  }
  .toggle-nav button, .search-box i{
    background-color: #4d7cf3;
    border-radius: 5px;
  }
  .toggle-nav i{
    font-size: 20px;
  }
  .toggle-nav i, .search-box i{
    color: #fff;
    border: none;
    padding: 8px 30px 8px 12px !important;
  }
  .search-box i{
    padding: 10px 29px 10px 15px !important;
  }
  .admin-bar .home-page-header {
    margin-top: 46px;
  }
  .page-template-custom-home-page .home-page-header, .page-template-ibtana-page-template .home-page-header {
    position: static;
  }
}
@media screen and (min-width: 1000px) and (max-width: 1199px){
  .slider .carousel-caption{
    top: 55% !important;
  }
}