/*
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/themes/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, 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, full-width-template, sticky-post, theme-options, threaded-comments, news, portfolio, education
Version: 1.2
Tested up to: 6.1
Requires PHP: 7.2
*/

body,h1,h2,h3,h4,h5,h6{
    font-family: 'Roboto', sans-serif;
}

/*COLOR 01*/

.header-box,#theme-sidebar button[type="submit"]:hover, #footer button[type="submit"]:hover, .readmore-btn a: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,#services .book-tkt-btn a.register-btn:hover,#slider{
    background: #282e3f;
}
.innermenuboxupper,.page-template-front-page .innermenuboxupper,.main-navigation ul ul{
    background: #333a4d;
}
h1, h2, h3, h4, h5, h6,.box-info i,nav.woocommerce-MyAccount-navigation ul li a{
    color: #282e3f;
}
nav.woocommerce-MyAccount-navigation ul li{
    border-color: #282e3f;
    box-shadow: 2px 2px 0 0 #333a4d;
}

/*COLOR 02*/

.book-tkt-btn a.register-btn,.search-box i,.readmore-btn a,#theme-sidebar button[type="submit"], #footer button[type="submit"],.prev.page-numbers, .next.page-numbers,.page-numbers,#theme-sidebar .tagcloud a:hover,.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: #c18f59;
}
a, a:hover,.email-info i,#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: #c18f59;
}
#about hr{
    border-color: #c18f59;
}

/*COLOR #FFF*/

.logo a,p.site-description,.email-info h6,.email-info p,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;
}
.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;
}

/*SLIDER*/

#slider .carousel-caption {
    right: 45%;
}

/*SERVICES*/

#services h3 i {
    color: #c18f59;
    font-size: 50px;
}
#services .box{
    background: #282e3f;
    overflow: hidden;
    position: relative;
}
#services .box img{
    width: 100%;
    height: auto;
    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;
}

@media screen and (max-width: 560px){
    .book-tkt-btn a.register-btn{
        font-size: 12px;
    }
    .book-tkt-btn {
        margin-top: 20px;
    }
}

@media screen and (max-width: 1000px){
    .sidenav {
        background-color: #333a4d;
    }
    #slider .carousel-caption {
        right: 15%;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1199px){
    #slider .carousel-caption {
        right: 30%;
    }
    .book-tkt-btn a.register-btn{
        font-size: 12px;
    }
}