/*
Theme Name: Law Firm Attorney
Template: lawyer-hub
Text Domain: law-firm-attorney
Author: ThemesPride
Author URI: https://www.themespride.com/
Theme URI: https://www.themespride.com/products/free-law-firm-wordpress-theme
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Description: A law office attorney theme is a professional-looking theme that provides legal representation to clients in a law office setting. The theme maybe a solo practitioner or may work as part of a team of attorneys at a larger law firm. The law office typically handles a wide variety of legal matters, including civil and criminal cases. The law office theme can be used by lawyers, Legal Services, Criminal Defense, Civil Litigation, Family Law, Personal Injury, Corporate Law, Estate Planning, Law Firm, Legal Advice, Divorce Attorney, Bankruptcy Law, Employment Law, Intellectual Property, Real Estate Law, Immigration Law, Business Law, Contract Law, Legal Consultation, Attorney at Law, Legal Representation, Criminal Attorney, attorneys, and advocates. In addition, it is suitable for business consultants, law offices, legal advisors, lawyers, and any other legal service provider. It may be used by a single lawyer or an entire law firm. In addition to being created using Gutenberg Editor, it includes all the necessary elements for a typical law firm website. There are different styles for presenting practice areas, individual pages, team layouts, and a single profile page for each attorney. A FAQ page and a form for requesting a free evaluation are available. Several customization options are provided by the theme to allow you to customize the appearance of your website. Any of the 7 pre-built layouts can be modified to your liking. The layout of your blog can also be customized. The site looks great on various devices, including desktops, tablets, and mobile phones.
Tags:  wide-blocks, block-styles, one-column, two-columns, right-sidebar, left-sidebar, three-columns, four-columns, grid-layout, custom-colors, custom-header, custom-background, custom-menu,custom-logo, editor-style,featured-images,footer-widgets,featured-image-header, full-width-template, sticky-post, theme-options, threaded-comments, flexible-header, news, portfolio, education
Version: 4.5
Tested up to: 6.8
Requires PHP: 5.6
Requires at least: 5.0
*/
:root {
    --color-primary1:#c18f59;
    --font-awesome:'FontAwesome';
}
body,h1,h2,h3,h4,h5,h6{
    font-family: 'Roboto', sans-serif;
}
.book-tkt-btn a.register-btn:hover{
    color: #fff !important;
}
/*COLOR 01*/
.logo h1 a, .logo p.site-title a{
    color: #fff;
    font-size: 30px;
}
.wc-block-cart__submit-container a,.header-box,#theme-sidebar button[type="submit"]:hover, #footer button[type="submit"]:hover, #comments input[type="submit"]:hover, span.meta-nav:hover,.woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover, .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover,#footer,#about .more-btn a:hover, #slider .more-btn a:hover, #services .book-tkt-btn a.register-btn:hover,#slider{
    background: #282e3f;
}
 .innermenuboxupper,.page-template-front-page .innermenuboxupper,.main-navigation ul ul{
    background: #333a4d;
}
.search-bar i{
    border-radius: 0;
    padding: 14px 10px;
}
#footer .wp-calendar-table th,#secondary .wp-calendar-table th{
  background-color: var(--color-primary1);
  border-color: var(--color-primary1);
}
.inner_searchbox button[type="submit"], .search-bar i{
    background-color: var(--color-primary1);
}
h1, h2, h3, h4, h5, h6, .readmore-btn a:hover,nav.woocommerce-MyAccount-navigation ul li a{
    color: #282e3f;
}
.readmore-btn a:hover{
    color: #282e3f;
}
#footer li a:hover, .box-info i, a.added_to_cart.wc-forward{
    color: var(--color-primary1);
}
#theme-sidebar h3, #theme-sidebar h1.wp-block-heading, #theme-sidebar h2.wp-block-heading, #theme-sidebar h3.wp-block-heading,#theme-sidebar h4.wp-block-heading, #theme-sidebar h5.wp-block-heading, #theme-sidebar h6.wp-block-heading ,#theme-sidebar h3 {
    color: #001837;
}
#theme-sidebar .wp-block-search .wp-block-search__label {
    color: var(--color-primary1);
}
nav.woocommerce-MyAccount-navigation ul li{
    border-color: #282e3f;
    box-shadow: 2px 2px 0 0 #333a4d;
}
.page-template-front-page .phone-info i{
    color: #e0a762 !important;
}
/*COLOR 02*/

.wc-block-cart__submit-container a,.wc-block-checkout__actions_row .wc-block-components-checkout-place-order-button,.book-tkt-btn a.register-btn,.search-box i,#theme-sidebar button[type="submit"], #footer button[type="submit"],.prev.page-numbers, .next.page-numbers,.page-numbers,.site-info,span.meta-nav,#slider .carousel-control-prev-icon, #slider .carousel-control-next-icon,.more-btn a,.woocommerce ul.products li.product .onsale, .woocommerce span.onsale,.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,#comments input[type="submit"]{
    background: var(--color-primary1);
}
a, a:hover,.email-info i,.readmore-btn a,#theme-sidebar h3,#theme-sidebar a:hover,#theme-sidebar .textwidget a, #footer .textwidget a, .comment-body a, .entry-content a, .entry-summary a, #main-content p a,.main-navigation a:hover, .main-navigation .current_page_item > a, .main-navigation .current-menu-item > a, .main-navigation .current_page_ancestor > a,p.phone-info i,#about h3 i{
    color: var(--color-primary1);
}
#footer .tagcloud a:hover, #footer p.wp-block-tag-cloud a:hover,#theme-sidebar .widget_tag_cloud a:hover{
    color: var(--color-primary1);
    border-color: var(--color-primary1);
}
#about hr,.readmore-btn a{
    border-color: var(--color-primary1);
}
#theme-sidebar .wp-block-search .wp-block-search__label:before,#theme-sidebar h3:before, #theme-sidebar h1.wp-block-heading:before, #theme-sidebar h2.wp-block-heading:before, #theme-sidebar h3.wp-block-heading:before,#theme-sidebar h4.wp-block-heading:before, #theme-sidebar h5.wp-block-heading:before, #theme-sidebar h6.wp-block-heading:before {
  background-color: var(--color-primary1);
}
.page-box,#theme-sidebar section{
  border-left-color: var(--color-primary1);
  border-bottom-color: var(--color-primary1);
}
/*COLOR #FFF*/

.logo a,p.site-description,.email-info h6,.email-info p a,p.phone-info,#about .more-btn a:hover,#services .book-tkt-btn a.register-btn:hover{
    color: #fff;
}

/*HEADER*/

.page-template-front-page .header-box{
    position: static;
}
.page-template-front-page .stick_head {
    background: #333a4d!important;
}
.innermenubox{
    border: none;
}
.logo h1{
    font-size: 25px;
}
.book-tkt-btn a.register-btn:hover,.search-box i:hover,.more-btn a:hover{
    background: #fff;
    color: #282e3f;
}
p.phone-info {
    font-size: 20px;
    font-weight: bold;
}
/*related post*/
.related-post-block{
  margin-top: 12%;
  padding: 20px;
  border-radius: 15px;
  box-shadow: 0px 4px 30px #d5d5d58c;
}
.related-post-block .page-box{
  padding: 10px;
}
/*SLIDER*/
#slider .inner_carousel p.slider-top{
    font-size: 18px;
    font-weight: 500;
    text-transform: uppercase;
    color: var(--color-primary1);
    letter-spacing: 1px;
}


/*SERVICES*/

#services h3 i {
    color: var(--color-primary1);
    font-size: 50px;
}
#services .box{
    background: #282e3f;
    overflow: hidden;
    position: relative;
}
#services .box img{
    width: 100%;
    height: 350px;
    object-fit: cover;
    transform: translateX(18px) scale(1.15);
    transition: all 0.5s ease;
}
#services .box:hover img{
    opacity: 0.3;
    transform: translateX(-18px) scale(1.15);
}
#services .box .box-content{
    color: #fff;
    width: 100%;
    padding: 0 20px;
    opacity: 0;
    transform: translateY(-50%);
    position: absolute;
    top: 60%;
    left: 0;
    z-index: 2;
    transition: all 0.5s ease;
}
#services .box:hover .box-content{
    opacity: 1;
    top: 50%;
}
#services .box .title {
    font-size: 20px;
    margin: 0 0 20px;
    color: #fff;
}
#services .box .post{
    font-size: 15px;
}
#services .box-content a{
    font-weight: 600;
    color: #fff;
    font-size: 16px;
}
.site-info a:hover{
    color: #fff;
}

nav.woocommerce-MyAccount-navigation ul li:hover{
 background: var(--color-primary1);
}

@media screen and (max-width: 560px){
    .book-tkt-btn a.register-btn{
        font-size: 12px;
        padding: 12px;
    }
    .innermenuboxupper.login-user.stick_head{
      position: static !important;
      box-shadow: none;
      border: none;
    }
    #services{
        text-align: center;
    }
}

@media screen and (max-width: 1000px){
    .sidenav {
        background-color: #333a4d;
    }
    
}

@media screen and (min-width: 1024px) and (max-width: 1199px){
   
    .book-tkt-btn a.register-btn{
        font-size: 12px;
    }
}