/*
Theme Name: Lawyer Consultant
Theme URI: https://www.legacytheme.net/products/free-lawyer-wordpress-theme/
Author: LegacyThemes
Author URI: https://www.legacytheme.net/
Description: The Lawyer Consultant WordPress Theme is the ultimate solution for legal professionals seeking a sophisticated and functional online presence. Designed with a modern, professional aesthetic, this theme is perfect for law firms, solo practitioners, and legal consultants who want to showcase their expertise and attract clients. The theme features a responsive and mobile-friendly design, ensuring that your website looks impeccable on all devices. With its easy-to-use drag-and-drop page builder, customizing your site is a breeze, even without coding skills. The Lawyer Consultant WordPress Theme includes essential features such as appointment booking integration, practice area showcases, and client testimonials to enhance your client engagement. Additionally, it comes with a blog section for sharing valuable legal insights and is optimized for SEO to boost your search engine rankings. Secure and fast-loading, this theme provides the perfect blend of functionality and elegance for any legal professional looking to establish a strong online presence.
Requires at least: 5.5
Tested up to: 6.6
Requires PHP: 5.6
Version: 1.1
License: GNU General Public License v3
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Text Domain: lawyer-consultant
Tags: right-sidebar, left-sidebar, custom-menu, featured-images, theme-options, blog, custom-colors, custom-logo, flexible-header, threaded-comments, one-column, full-width-template, sticky-post
*/

/**
====================================================================
  General Classes
====================================================================
*/

*,
*:after,
*::before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    vertical-align: baseline;
}

html {
    overflow-x: hidden;
}

html,
body {
    color: #000;
    font-family: "Ubuntu", sans-serif;
    font-size: 16px;
    height: 100%;
    margin: 0;
    padding: 0;
    text-rendering: optimizeLegibility;
    text-rendering: geometricPrecision;
    width: 100%;
    -moz-font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    -webkit-font-smoothing: subpixel-antialiased;
}


body {
    line-height: 1.7em;
    overflow-x: clip;
    
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
ul {
    margin: 0;
    padding: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Libre Baskerville", serif;
    color: #000;
    clear: both;
    line-height: 1.4;
    margin: 0 0 0.75em;
    padding: 1.5em 0 0;
}

h1 {
    font-size: 32px;
    font-weight: 700;
}

h2 {
    font-size: 30px;
    font-weight: 700;
}

h3 {
    font-size: 24px;
    font-weight: 700;
}

h4 {
    font-size: 22px;
    font-weight: 700;
}

h5 {
    font-size: 18px;
    font-weight: 700;
}

h6 {
    font-size: 14px;
    font-weight: 700;
}

a {
    text-decoration: none;
    display: inline-block;
    transition: 0.5s;
    color: #000;

}

a:hover {
    text-decoration: none;
    transition: 0.5s;
}

img {
    max-width: 100%;
}


ol,
ul {
    list-style: none;
}

li {
    list-style-type: none;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"] {
    border: 1px solid #d0d0d0;
    color: #a1a1a1;
    height: 50px;
    padding: 0px 10px 0 20px;
    width: 100%;
    font-weight: 400;
}

textarea {
    border: 1px solid #d0d0d0;
    color: #000;
    padding: 10px 10px 0 20px;
    width: 100%;
    font-weight: 400;
}

select {
    width: 100%;
    height: 50px;
    background: none;
    border: 1px solid #ccc;
    border-radius: 0;
}

blockquote {
    background: transparent url(img/bquote.png) no-repeat scroll 0 0;
    border: none;
    padding: 0 0 0 40px;
}

blockquote p {
    margin-top: 30px;
    overflow: hidden;
    margin-bottom: 8px !important;
}

table {
    border-bottom: 1px solid #ededed;
    border-collapse: collapse;
    border-spacing: 0;
    font-size: 14px;
    line-height: 2;
    margin: 0 0 20px;
    width: 100%;
}

td {
    border-top: 1px solid #ededed;
    padding: 6px 10px 6px 0;
}

caption,
td {
    font-weight: normal;
    text-align: left;
}

tr {
    font-weight: 700;
}

ul {
    margin-left: 0;
}

ol {
    list-style: decimal;
}

li>ul,
li>ol {
    margin-left: 20px;
}

address {
    font-style: italic;
}

p {
    margin: 0 0 1.5em;
    padding: 0;
}

dd {
    margin: 0 0 1.5em 20px;
    padding: 0;
}

big {
    font-size: 125%;
}

small {
    font-size: 80%;
}

iframe {
    width: 100%;
}

.clearfix {
    clear: both;
}


/**
====================================================================
  Preloader
====================================================================
*/

.loader-wrapper {
    background: #fff;
    width: 100%;
    height: 100%;
    position: fixed !important;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 100000;
}

#pre-loader {
    height: 30px;
    width: 30px;
    position: absolute;
    top: 45%;
    left: 49%;
}

.loader-pulse,
.loader-pulse:before,
.loader-pulse:after {
    border-radius: 50%;
    width: 2.4em;
    height: 2.4em;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation: load7 1.8s infinite ease-in-out;
    animation: load7 1.8s infinite ease-in-out;
}

.loader-pulse {
    color: #000000;
    font-size: 7px;
    position: relative;
    text-indent: -9999em;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s;
}

.loader-pulse:before,
.loader-pulse:after {
    content: '';
    position: absolute;
    top: 0;
}

.loader-pulse:before {
    left: -3.5em;
    -webkit-animation-delay: -0.32s;
    animation-delay: -0.32s;
}

.loader-pulse:after {
    left: 3.5em;
}

@-webkit-keyframes load7 {

    0%,
    80%,
    100% {
        box-shadow: 0 2.5em 0 -1.3em;
    }

    40% {
        box-shadow: 0 2.5em 0 0;
    }
}

@keyframes load7 {

    0%,
    80%,
    100% {
        box-shadow: 0 2.5em 0 -1.3em;
    }

    40% {
        box-shadow: 0 2.5em 0 0;
    }
}

/**
====================================================================
  Header
====================================================================
*/

.header-upper {
    background: #b69c70;
}
a.register,a.login {
    font-size: 14px;
    background: #fff;
    padding: 10px 20px;
    letter-spacing: 1px;
    font-weight: 500;
}
a.register{
    background: #2e271c;
    color: #fff;
}
.follow-us i {
    color: #fff;
    font-size: 13px;
}
.follow-us i:hover {
    color: #2e271c;
}
#header-main{
    padding: 10px 0;
}

/* ===============================================
   SLIDING HEADER
   ============================================= */

.offcanvas-div button {
  background-color: #000;
  color: #fff;
  border: none;
}
.offcanvas-div i {
  font-size: 25px;
}
.offcanvas-div {
  justify-content: end;
}
.offcanvas-div .offcanvas-header .btn-close {
  padding: 5px 12px;
  opacity: 1;
  height: auto;
  width: auto;
}
.btn-close:hover{
  color: #fff !important;
}
.offcanvas-div .offcanvas-header {
  display: flex;
  align-items: center;
  justify-content: end;
  padding: 8px;
}
.admin-bar .offcanvas-div .offcanvas-header{
  margin-top: 32px !important;
}
.offcanvas-div .offcanvas-body {
  flex-grow: 1;
  padding: 35px;
}
.offcanvas-div .offcanvas-header .btn-close{
  background-color: #b69c70;
  border-radius:0;
  padding: 16px;
  color: #fff !important;
}
.offcanvas{
  background: #F8F8F8;
}
.offcanvas-backdrop{
  background: transparent;
}
.offcanvas-body::-webkit-scrollbar-track{
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
  background-color: #F5F5F5;
}
.offcanvas-body::-webkit-scrollbar{
  width: 6px;
  background-color: #F5F5F5;
}
.offcanvas-body::-webkit-scrollbar-thumb{
  background-color: #000000;
}
.offcanvas-backdrop.show {
    opacity: 0.5;
    background: #000;
}

/**
====================================================================
  Logo
====================================================================
*/

.logo {
    display: flex;
    flex-direction: column;
}

.site-title {
    margin: 0;
}

.logo h1.site-title {
    font-size: 25px;
    padding: 0;
}

.has-logo h1.site-title,
.has-logo p.site-title {
    padding: 0;
}

p.site-title {
    padding: 1.5em 0 0;
}

header.style1 .logo h1.site-title a,
header.style1 .logo p.site-description {
    color: #000;
}

header.style2 .logo h1.site-title a,
header.style2 .logo p.site-description {
    color: #fff;
}

.site-description {
    margin: 0;
    font-size: 14px;
    /* Example font size */
}

.logo img {
    max-width: 170px;
    height: auto;
    margin: 20px 0;
}


/**
====================================================================
  Navigation
====================================================================
*/

header.style1 header {
    border-bottom: 1px solid #dadada;
}

.top-menu .navigation>li {
    display: inline-block;
    padding: 0;
    margin: 0 20px;
}

.top-menu .navigation>li {
    display: inline-block;
    padding: 0;
    text-align: center;
    /*margin: 20px 25px;*/
}

ul.navigation {
    width: 100%;
}

ul.navigation>li {
    margin: 15px;
    padding: 15px;
    margin-top: 40px;
}

ul.navigation>li a {
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
}

header.style1 ul.navigation>li a {
    color: #000;
}

header.style2 ul.navigation>li a {
    color: #fff;
}

.top-menu-wrapper .responsive-mobile {
    display: none;
}

.content-wrap .page-title.style1 {
    background: #b69c70;
}

.page-title p.main-title,
.page-title h1.main-title {
    text-align: center;
    margin: 0;
    color: #fff;
    padding: 35px 0;
}

.page-title.style1 p.main-title,
.page-title.style1 h1.main-title {
    padding: 50px 0;
}

.page-title.style2 p.main-title,
.page-title.style2 h1.main-title {
    padding: 180px 0 100px 0;
}

.page-title p.main-title {
    font-size: 32px;
    font-weight: 700;
}

header.style2 {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 99;
    border-bottom: none;
}

.caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 4px dashed;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
}

.dropdown-menu {
    padding: 0;
    border-radius: 0
}

.header-upper .top-menu .navigation>li.current-menu-item>a,
.header-upper .top-menu .navigation>li.current>a,
.header-upper .top-menu .navigation>li:focus>a,
.header-upper .top-menu .navigation>li:hover>a {
    color: #e73f43;
    opacity: 1;
    -webkit-transition-duration: .5s;
    transition-duration: .5s
}

.top-menu .navigation>li>ul {
    z-index: 100;
    display: none;
    position: absolute;
    left: 0;
    width: 240px;
    padding: 0;
    border: 0;
    border-radius: 5px;
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    margin-top: -.5px
}

.top-menu .navigation .dropdown:focus-within>ul,
.top-menu .navigation .dropdown:hover>ul {
    display: block;
    -webkit-transition-duration: .5s;
    transition-duration: .5s
}

.top-menu .navigation>li>ul.from-right {
    left: auto;
    right: 0
}

.top-menu .navigation>li>ul>li {
    position: relative;
    width: 100%;
    border-bottom: 1px solid #ddd
}

.top-menu .navigation>li>ul>li:last-child,
.top-menu .navigation>li>ul>li>ul>li:last-child {
    border-bottom: none
}

.top-menu .navigation>li>ul>li>a {
    position: relative;
    display: block;
    color: #000;
    background: #fff;
    text-align: left;
    padding: 12px 20px !important;
    line-height: 22px;
    font-weight: 500
}

.top-menu .navigation>li>ul>li>a,
.top-menu .navigation>li>ul>li:hover>a {
    transform: none !important;
}

.dropdown-menu>li>a:focus,
.top-menu .navigation>li>ul>li:hover>a,
.top-menu .navigation>li>ul>li>ul>li>a:hover {
    color: #444;
    background-color: #eaeaea
}

.top-menu .navigation>li>ul>li>ul {
    position: absolute;
    left: 100%;
    top: 20px;
    width: 240px;
    z-index: 100;
    display: none;
    color: #000
}

.top-menu .navigation>li>ul>li>a .caret {
    transform: rotate(270deg);
}

.top-menu .navigation>li>ul>li>ul>li {
    position: relative;
    width: 100%;
    border-bottom: 1px solid rgba(255, 255, 255, .1)
}

.top-menu .navigation>li>ul>li>ul>li>a {
    position: relative;
    display: block;
    padding: 12px 20px;
    line-height: 22px;
    font-weight: 500;
    color: #000;
    text-align: left;
    transform: none !important;
}

.top-menu .navigation>li.dropdown:focus-within>ul,
.top-menu .navigation>li.dropdown:hover>ul {
    opacity: 1;
    top: 100%;
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    border: 1px solid #f3f3f3;
}

.top-menu .navigation li>ul>li.dropdown:focus-within>ul,
.top-menu .navigation li>ul>li.dropdown:hover>ul {
    visibility: visible;
    opacity: 1;
    top: 0;
    -webkit-transition-duration: .5s;
    transition-duration: .5s
}

.top-menu .navigation li.dropdown .dropdown-btn {
    position: absolute;
    right: 10px;
    top: 6px;
    width: 34px;
    height: 30px;
    border: 1px solid #fff;
    text-align: center;
    font-size: 16px;
    line-height: 26px;
    color: #fff;
    cursor: pointer;
    z-index: 5;
    display: none
}

/**
====================================================================
  Banner
====================================================================
*/

.main-banner-inner-box img {
    width: 100%;
    height: 600px;
    object-fit: cover;
}

.main-banner-content-box {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 13%;
    right: 55%;
    text-align: center;
}

.main-banner-content-box h3 {
    padding: 0;
    font-size: 30px;
    margin-bottom: 10px;
    font-weight: bold;
    color: #fff;
    text-transform: uppercase;
}

.main-banner-content-box p{
    color: #fff;
}

.banner-button a {
    background: #b69c70;
    padding: 8px 30px;
    color: #fff;
    font-weight: 600;
}

/**
====================================================================
  About Us
====================================================================
*/

#about-wrap{
    background: #b69c70;
}

.inner-project {
    background: #83512c;
}

.inner-project h3,.inner-project h4 {
    padding: 0;
    margin: 0;
    font-size: 16px;
}

.inner-project h3{
    color: #b44242;
}

.inner-project p {
    font-size: 13px;
    line-height: 1.5;
    margin: 10px 0;
}

.inner-project h4 {
    font-size: 20px;
    margin-top: 0;
}

.outer-project {
    display: grid;
    grid-template-columns: auto auto;
    gap: 20px;
}

.inner-project-box {
    background: #fff;
}

/**
====================================================================
  Footer
====================================================================
*/

.footer-widgets-wrapper {
    display: flex;
    list-style-type: none;
    text-align: left;
}

.footer-copyright {
    text-align: center;
}

div.footer-widgets-wrapper #media_image-2 {
    max-width: 64%;
}

#footer .footer-widgets .row {
    margin-top: 56px;
}

div.footer-widgets-wrapper p {
    margin-top: 26px;
    font-weight: 300;
    line-height: 23px;
}

.menu-quick-links-container,
.menu-feature-services-container,
.contact-footer {
    margin-top: 16%;
    line-height: 26px;
}

i.fa {
    padding-right: 12px
}

#footer {
    width: 100%;
    background-color: #b69c70;
    color: white;
}

footer h4 {
    margin: 0;
    padding: 0;
}

.footer-widgets-wrapper>ol {
    list-style-type: none;
}

#footer li a {
    color: #fff;
}

footer .copyrights p {
    margin: 15px 0;
}

.copyrights a{
    color: #fff;
}

.footer-copyrights-wrapper {
    margin-top: 30px;
}


/**
====================================================================
  Blog-section
====================================================================
*/

#blog-section #post-wrapper article {
    margin-bottom: 50px;
}

#blog-section #post-wrapper {
    padding: 0 20px;
    padding-left: 25px;
    margin-top: 70px;
}

.blog-post img {
    max-width: 100%;
    height: auto;
}

.blog-content-wrapper {
    background: #f8f8f8;
    padding: 35px;
    padding-left: 30px;
}

#blog-section h2.entry-title {
    position: relative;
    padding-top: 0;
    padding-bottom: 12px;
    border-bottom: 1px solid #6055554a;
    margin-bottom: 0;
}

#blog-section .meta.no-image {
    padding: 10px 0;
    border-bottom: 1px solid #6055554a;
    margin-bottom: 20px;
}

#blog-section .meta.no-image a,
#blog-section .meta.no-image span {
    color: #000;
}

#blog-section .meta span {
    color: #000;
    padding: 2px;
}

#blog-section .meta span a {
    color: #000;
    vertical-align: baseline;
    margin-left: 3px;
}

#blog-section .meta span .blog-post {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 40px;
    row-gap: 50px;
    margin: 54px 110px 0 0px;
    padding: 5px 0px;
}

.blog-image-wrapper {
    position: relative;
    /* Ensure the container wrapping the image has position: relative; */
}

#blog-section .meta.has-image {
    position: absolute;
    bottom: 7px;
    right: 0;
    width: auto;
    max-width: 80%;
    padding: 20px;
    background: rgb(34 34 34 / 70%);
    color: #fff;
    box-sizing: border-box;
    z-index: 1;
}

#blog-section .meta.has-image .meta-item {
    margin-bottom: 5px;
}

#blog-section .meta.has-image a,
#blog-section .meta.has-image span {
    color: #fff;
}

#blog-section .read-more a {
    background: #b69c70;
    color: #fff;
    font-size: 14px;
    padding: 5px 10px;
    line-height: normal;
    font-weight: bold;
}

.search aside,
.error404 aside,
.archive aside,
.blog aside,
.single aside {
    padding: 10px;
}

/**
====================================================================
  Single-blog-section
====================================================================
*/

.single .entry-title a {
    color: #9e6906;
    font-size: 21px;
    margin: -28px 0 0 0;
}

.single .entry-title {
    margin: 30px 0 10px 0;
    padding: 0;
    font-size: 28px;
}

.single .blog-post img {
    max-width: 100%;
    height: auto;
    margin-top: 38px;
}

.single .blog-post img {
    max-width: 100%;
    height: auto;
}

.single .meta {
    position: relative;
    margin: 30px 0px;
    padding: 10px 0;
    border-bottom: 1px solid #6055554a;
    border-top: 1px solid #6055554a;
}

.single .meta>span {
    padding: 0 10px;
}

.single .meta span a {
    vertical-align: baseline;
    margin-left: 3px;
    text-decoration: underline;
}

.single .blog-content-wrapper {
    background: #f8f8f8;
    padding: 55px;
    margin-top: -70px;
    padding-left: 30px;
}

.single #post-wrapper {
    padding: 50px;
    padding-top: 25px;
    padding: 0, 45px;
}

.single #post-wrapper article a {
    text-decoration: underline;
}

.single .blog-image-wrapper {
    padding-top: 39px;
    padding-bottom: 40px
}

.single .meta span .blog-post {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 40px;
    row-gap: 50px;
    margin: 54px 110px 0 0px;
    padding: 5px 0px;
}

.single .blog .blog-content-wrapper h2.entry-title {
    margin: 0;
    padding-bottom: 20px;
    padding-top: 2px;
}

.single .post-categories {
    margin: 10px 0;
}

.single ul.post-categories {
    display: inline-block;
}

.single nav.post-navigation {
    margin: 40px 0;
}


/**
====================================================================
  Comments
====================================================================
*/

.single #comments {
    margin: 0 auto;
    padding-top: 80px;
}

.single #comments a {
    text-decoration: underline;
}



#blog-section .col-md-12 {
    margin: 70px 0 0 0;
}

ol.comment-list {
    margin-top: 30px;
    list-style-type: none;
    margin-left: 0;

}

ol.children {
    list-style-type: none;
}

.comment-metadata {
    margin: 10px 0;
    padding: 0px 70px;
    border-radius: 45px;
}

#respond {
    margin-top: 50px;
}

.comment-meta .reply {
    margin: 10px 0;
    float: right;
}

.post-tags {
    margin: 70px 0 10px 0;
}

.post-tags a {
    background: #efefef;
    padding: 5px 15px;
    margin-right: 5px;
    margin-bottom: 10px;
}

.post-tags a:hover {
    background: #000;
    color: #fff;
}

.comment-meta b.fn {
    display: block;
    margin-left: 70px;
    margin-top: -50px;
}

.comment-meta span.says {
    margin-left: 70px;
}

#respond h3#reply-title {
    margin-bottom: 5px;
}

.children .comment {
    padding-left: 50px;
}


/**
====================================================================
  Pagination
====================================================================
*/

.blog .pagination {
    display: block;
    text-align: center;
    margin: 24px 0px;
    border-radius: 13px;
}

.blog .pagination .page-numbers {
    margin: 0px 8px;
}

.blog .pagination .nav-links .current {
    background: #b69c70;
    color: #fff;
    padding: 10px 20px;
}

.nav-previous {
    display: inline-block;
    width: 50%;
    vertical-align: top;
}

.single .nav-previous span>i {
    padding-right: 10px;
}

.single .nav-next i {
    padding-left: 10px;
}

.nav-previous a .post-title {
    padding: 7px 0;
    font-size: 20px;
    font-weight: 500;
    color: #b69c70;
    margin: 0;
}

.nav-next a .post-title {
    padding: 7px 0;
    font-size: 20px;
    font-weight: 500;
    color: #b69c70;
}

.nav-next {
    display: inline-block;
    text-align: right;
    width: 50%;
    vertical-align: top;
}

.nav-links {
    border-top: 1px solid #01010121;
    padding: 12px;
    border-bottom: 1px solid #01010121;
}

.post-title :hover {
    text-decoration: none;
}

.post-navigation .nav-links span.screen-reader-text {
    pointer-events: none;
}


/**
====================================================================
  Search
====================================================================
*/

.search form input[type="submit"],
.search label.search-icon {
    display: none;
}

.search #post-wrapper {
    margin-top: 70px;
}

.search h1.page-search {
    margin: 0;
    padding: 0;
}


/**
====================================================================
  404 page
====================================================================
*/

.error404 form input[type="submit"],
.error404 label.search-icon {
    display: none;
}

.error404 #post-wrapper {
    margin-top: 70px;
}

.error404 h1.page-error {
    margin: 0;
    padding: 0;
    margin-bottom: 20px;
}


/**
====================================================================
  Page
====================================================================
*/

.logo p.site-title {
    font-size: 25px;
    font-weight: 700;
    padding: 0;
}

.container .page-content-area {
    margin-top: 70px;
}

.container .page-content-area a {
    text-decoration: underline;
}

.comment-body a, .single-entry-summary a, .textwidget a {
    text-decoration: underline;
}

/**
====================================================================
  Sidebar CSS
====================================================================
*/

aside .widget h2,
aside .widget h3 {
    padding: 0;
}

aside .search-icon i {
    display: none;
}

aside #searchform div>input {
    height: 45px;
    border: none;
    background: #fff;
}

aside form #searchsubmit {
    background: #b69c70 !important;
    color: #fff;
    padding: 5px 15px;
}

aside>div {
    margin-top: 50px;
    margin-bottom: 30px;
}


aside ul li {
    padding: 8px 5px;
}


.meta i {
    padding: 5px;
}

aside .widget:last-child {
    border-bottom: none;
}


}

aside #searchform div {
    display: flex;
    padding: 12px 0px;
}

aside #searchform div {
    color: #000;
    display: flex;
    padding: 2px;
    border-radius: 5px;
}


/**
====================================================================
  Extra CSS
====================================================================
*/
button,
input[type="submit"] {
    padding: 10px 20px;
    background: #b69c70;
    color: #fff;
    border: none;
}

/**
====================================================================
  Responsive CSS
====================================================================
*/

@media (max-width: 991px) {
    .offcanvas-div button {
        padding: 0;
    }

    nav.top-menu.navbar.navbar-expand-md {
        padding: 0;
    }

    .main-banner-content-box {
        left: 10%;
        right: 10%;
    }

    .outer-project {
        display: block;
    }

    .inner-project-box{
        margin-bottom: 20px;
    }

    .navbar-expand-md .navbar-collapse,
    .navbar-collapse {
        display: none !important;
        /* Hide the navbar content by default */
    }

    .navbar-toggler {
        display: block !important;
    }

    .offcanvas-header {
        margin-top: 35px;
    }

    .navbar-toggler .navbar-toggler-icon i {
        font-size: 30px;
    }

    .navbar-toggler:focus {
      outline: 2px solid -webkit-focus-ring-color;
    }

    header.style2 .navbar-toggler .navbar-toggler-icon i {
        color: #fff;
    }

    .top-menu-wrapper .responsive-mobile {
        display: block;
    }

    .style2 #header-main.sticky {
        margin-top: 0;
        border-bottom: 1px solid #f5f5f5;
        box-shadow: 0px 2px 4px -2px;
        -webkit-box-shadow: 0px 2px 4px -2px;
        -moz-box-shadow: 0px 2px 4px -2px;
    }

    .topbar-text p {
        margin: 0 10px 4px 0px;
        float: inline-end;
    }

    header.style1 {
        height: auto !important;
    }

    header.style1 ul.navigation>li a,
    header.style2 ul.navigation>li a {
        color: #fff;
    }

    ul.navigation>li {
        margin: 0;
    }


    ul.navigation>li a {
        transform: none;
        font-size: 14px;
    }

    .single .meta span a {
        vertical-align: baseline;
        margin-left: 3px;
    }

    .single .blog-post img {
        max-width: 100%;
        height: auto;
        margin-top: 38px;
    }

    .single #post-wrapper {
        padding: 30px;
    }

    .blog-post {
        max-width: 100%;
    }

   
    }

    .single .title,
    .single .content {
        width: 100%;
        margin: 0 auto;
    }

    .single #comments {
        width: 100%;
        margin: 0 auto;
        padding-top: 0;
    }

    .footer-menu ul>li {
        width: 100%;
    }

    .footer-menu ul>li.dropdown {
        margin-top: 30px;
    }

    .footer-widgets-wrapper {
        display: inline-block;
        list-style-type: none;
    }

    .related-posts.archive article {
        width: auto;
    }

    .archive article {
        width: 100%;
    }

    .caret {
        display: none;
    }

    /* mobile menu */

    .footer-widgets-wrapper .widget-column {
        margin: 70px 0;
    }

    .footer-widgets-wrapper .widget-column:last-child {
        margin-bottom: 0;
    }

    .responsive-mobile ul li ul a {
        background: 0 0
    }

    .responsive-mobile ul li ul li ul li a {
        background: 0 0;
        text-transform: uppercase;
        padding-left: 22px;
        font-size: 13px;
        color: rgba(255, 255, 255, .5)
    }

    .responsive-mobile a.current,
    .responsive-mobile li.current>a {
        color: #c5a47e
    }

    .responsive-mobile ul li {
        position: relative;
        display: block;
        border-bottom: 1px solid rgba(255, 255, 255, .15)
    }

    .responsive-mobile ul .dropdown:focus-within>ul {
        display: block !important
    }

    .responsive-mobile ul>li>ul {
        background-color: #2a2a2a
    }

    .responsive-mobile ul.navigation>li>ul>li,
    .responsive-mobile ul.navigation>li>ul>li ul {
        margin-left: 50px
    }

    .responsive-mobile ul.navigation>li>ul>li:first-child {
        border-top: 1px solid rgba(255, 255, 255, .15)
    }

    .responsive-mobile ul li a {
        background: 0 0;
        color: #fff;
        display: inline-block;
        font-weight: 400;
        text-transform: uppercase;
        padding: 12px 15px;
        position: relative;
        cursor: pointer;
        line-height: 24px;
        font-size: 12px;
        letter-spacing: 1px;
        width: 100%;
        text-align: left
    }

    .responsive-mobile ul.navigation>li>ul>li>a {
        text-transform: uppercase;
        padding-left: 22px;
        font-size: 12px;
        color: rgba(255, 255, 255, .5)
    }

    .responsive-mobile ul.navigation>li>ul>li.dropdown>a {
        padding-left: 22px
    }

    .responsive-mobile ul.navigation>li>ul>li.dropdown {
        width: auto
    }

    .responsive-mobile ul li.dropdown .la {
        border-left: 1px solid rgba(130, 130, 130, .58);
        color: #fff;
        text-align: center;
        -webkit-transition: .3s ease-in-out;
        transition: .3s ease-in-out
    }

    .responsive-mobile .navigation .dropdown-menu {
        position: relative;
        z-index: 1;
        display: none;
        float: none;
        min-width: 100%;
        padding: 5px 0;
        margin: 2px 50px 0 0;
        font-size: 14px;
        text-align: center;
        list-style: none;
        background-color: transparent;
        -webkit-background-clip: padding-box;
        background-clip: padding-box;
        border: none;
        border-radius: 1px;
        -webkit-box-shadow: none;
        box-shadow: none
    }

    #navbar-collapse-2 .navigation li.dropdown .bi {
        display: block;
        border-left: 1px solid rgba(255, 255, 255, .13);
        color: #b3b3b9;
        text-align: center;
        -webkit-transition: .3s ease-in-out;
        transition: .3s ease-in-out
    }

    #navbar-collapse-2 .navigation li.dropdown .bi,
    .responsive-mobile ul li.dropdown .bi {
        position: absolute;
        z-index: 99;
        width: 60px;
        right: 0;
        top: 0;
        line-height: 50px;
        font-size: 18px;
        cursor: pointer;
    }

    .responsive-mobile ul.navigation>li {
        padding: 0;
    }

    .responsive-mobile ul li:last-child,
    .responsive-mobile ul.navigation>li>ul>li:last-child,
    .responsive-mobile .navigation>li>ul>li:last-child,
    .responsive-mobile .navigation>li>ul>li>ul>li:last-child {
        border-bottom: none;
    }

    .offcanvas-animation {
        animation: slide-in 0.3s ease-in-out forwards;
    }

    @keyframes slide-in {
        from {
            transform: translateX(-100%);
        }

        to {
            transform: translateX(0);
        }
    }

}

@media (max-width: 991px) and (min-width: 767px) {
    footer#footer div.col-md-3,
    footer#footer div.col-md-6 {
        width: 46%;
        display: inline-block;
        vertical-align: top;
        margin-right: 15px;
    }
}